Bug: Replace deprecated Sass @import rules

[nielsboogaard-luminis]

Bug description

The delivered sass files are using deprecated Sass import rules. See these warnings when using font-awesome within a Angular application:

 [WARNING] Deprecation [plugin angular-sass]

    src/styles/libs/fontawesome/scss/regular.scss:7:8:
      7 │ @import 'variables';
        ╵         ^


  Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
  
  More info and automated migrator: https://sass-lang.com/d/import

  The plugin "angular-sass" was triggered by this import

Reproducible test case

No response

Screenshots

No response

Font Awesome version

v6.7.1

Serving

Self-hosted

Implementation

CSS

Browser and Operating System

doesn't matter, it happens compile time.

Web bug report checklist

• I have included a test case because my odds go way up that the team can fix this when I do
• I have searched for existing issues and to the best of my knowledge this is not a duplicate

[rocket-turtle]

Related issue: #19167