add / replace new font-awesome files

_sass/font-awesome/_bordered-pulled.scss

@@ -11,10 +11,10 @@
 
 .#{$fa-css-prefix}-pull-left {
   float: left;
-  margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
+  margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
 }
 
 .#{$fa-css-prefix}-pull-right {
   float: right;
-  margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
+  margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
 }

_sass/font-awesome/_core.scss

@@ -2,19 +2,17 @@
 // -------------------------
 
 .#{$fa-css-prefix} {
-  font-family: var(--#{$fa-css-prefix}-style-family, "#{$fa-style-family}");
+  font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
   font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
 }
 
-.#{$fa-css-prefix},
-.#{$fa-css-prefix}-classic,
-.#{$fa-css-prefix}-sharp,
 .fas,
-.#{$fa-css-prefix}-solid,
 .far,
-.#{$fa-css-prefix}-regular,
 .fab,
-.#{$fa-css-prefix}-brands {
+.#{$fa-css-prefix}-solid,
+.#{$fa-css-prefix}-regular,
+.#{$fa-css-prefix}-brands,
+.#{$fa-css-prefix} {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: var(--#{$fa-css-prefix}-display, #{$fa-display});
@@ -24,17 +22,26 @@
   text-rendering: auto;
 }
 
-.fas,
+.fas::before,
+.far::before,
+.fab::before,
+.#{$fa-css-prefix}-solid::before,
+.#{$fa-css-prefix}-regular::before,
+.#{$fa-css-prefix}-brands::before,
+.fa::before {
+  content: var(#{$fa-icon-property});
+}
+
 .#{$fa-css-prefix}-classic,
+.fas,
 .#{$fa-css-prefix}-solid,
 .far,
 .#{$fa-css-prefix}-regular {
-  font-family: "Font Awesome 6 Free";
+  font-family: 'Font Awesome 6 Free';
 }
-
-.fab,
-.#{$fa-css-prefix}-brands {
-  font-family: "Font Awesome 6 Brands";
+.#{$fa-css-prefix}-brands,
+.fab {
+  font-family: 'Font Awesome 6 Brands';
 }
 
 %fa-icon {

_sass/font-awesome/_functions.scss

@@ -3,7 +3,7 @@
 
 // fa-content: convenience function used to set content property
 @function fa-content($fa-var) {
-  @return unquote('"#{ $fa-var }"');
+  @return unquote("\"#{ $fa-var }\"");
 }
 
 // fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
@@ -51,7 +51,7 @@
     $remainder: $remainder - $divisor;
   }
   @if $remainder > 0 and $precision > 0 {
-    $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * 0.1;
+    $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
   }
   @return ($quotient + $remainder) * $sign;
 }

_sass/font-awesome/_icons.scss

@@ -5,7 +5,9 @@
 readers do not read off random characters that represent icons */
 
 @each $name, $icon in $fa-icons {
-  .#{$fa-css-prefix}-#{$name}::before {
-    content: unquote('"#{ $icon }"');
+  .#{$fa-css-prefix}-#{$name} {
+    #{$fa-icon-property}: unquote("\"#{ $icon }\"");
+    #{$fa-duotone-icon-property}: unquote("\"#{$icon}#{$icon}\"");
   }
 }
+

_sass/font-awesome/_list.scss

@@ -6,13 +6,11 @@
   margin-left: var(--#{$fa-css-prefix}-li-margin, #{$fa-li-margin});
   padding-left: 0;
 
-  > li {
-    position: relative;
-  }
+  > li { position: relative; }
 }
 
 .#{$fa-css-prefix}-li {
-  left: calc(var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}) * -1);
+  left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
   position: absolute;
   text-align: center;
   width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});

_sass/font-awesome/_mixins.scss

@@ -13,7 +13,7 @@
 }
 
 // sets relative font-sizing and alignment (in _sizing)
-@mixin fa-size($font-size) {
+@mixin fa-size ($font-size) {
   font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
   line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
   vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
@@ -42,33 +42,24 @@
 }
 
 // sets a specific icon family to use alongside style + icon mixins
+@mixin fa-family-classic() {
+  @extend .fa-classic;
+}
 
 // convenience mixins for declaring pseudo-elements by CSS variable,
-// including all style-specific font properties, and both the ::before
-// and ::after elements in the duotone case.
+// including all style-specific font properties
 @mixin fa-icon-solid($fa-var) {
-  @extend %fa-icon;
   @extend .fa-solid;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
-  }
+  & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
 }
-
 @mixin fa-icon-regular($fa-var) {
-  @extend %fa-icon;
   @extend .fa-regular;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
-  }
+  & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
 }
-
 @mixin fa-icon-brands($fa-var) {
-  @extend %fa-icon;
   @extend .fa-brands;
 
-  &::before {
-    content: unquote('"#{ $fa-var }"');
-  }
+  & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
 }

_sass/font-awesome/_rotated-flipped.scss

@@ -27,5 +27,5 @@
 }
 
 .#{$fa-css-prefix}-rotate-by {
-  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
+  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
 }