@unlk/keymaster 1.0.12 → 1.0.14

package/scss/assets/fontawesome/sharp-duotone-thin.scss

@@ -1,69 +1,96 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-sharp-duotone: 'Font Awesome 6 Sharp Duotone';
-  --#{$fa-css-prefix}-font-sharp-duotone-thin: normal 100 1em/1 'Font Awesome 6 Sharp Duotone';
+  --#{v.$css-prefix}-family-sharp-duotone: 'Font Awesome 7 Sharp Duotone';
+  --#{v.$css-prefix}-font-sharp-duotone-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-sharp-duotone);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-sharp-duotone: var(--#{v.$css-prefix}-family-sharp-duotone);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Sharp Duotone';
+  font-family: 'Font Awesome 7 Sharp Duotone';
   font-style: normal;
   font-weight: 100;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-sharp-duotone-thin-100.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-sharp-duotone-thin-100.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-sharp-duotone-thin-100.woff2');
 }
 
-.fasdt,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin {
+
+.fasdt {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp-duotone);
+  --#{v.$css-prefix}-style: 100;
+  position: relative;
+  letter-spacing: normal;
+}
+
+.#{v.$css-prefix}-sharp-duotone {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp-duotone);
   position: relative;
-  font-weight: 100;
   letter-spacing: normal;
 }
 
+.#{v.$css-prefix}-thin {
+  --#{v.$css-prefix}-style: 100;
+}
+
 .fasdt::before,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin::before {
+.#{v.$css-prefix}-sharp-duotone::before {
   position: absolute;
-  color: var(--#{$fa-css-prefix}-primary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+  color: var(--#{v.$css-prefix}-primary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
 .fasdt::after,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin::after {
-  color: var(--#{$fa-css-prefix}-secondary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-sharp-duotone::after {
+  color: var(--#{v.$css-prefix}-secondary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fasdt::before,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin::before,
-.fasdt.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-swap-opacity::before {
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-swap-opacity .fasdt::before,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-sharp-duotone::before,
+.#{v.$css-prefix}-swap-opacity.fasdt::before,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-sharp-duotone::before {
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fasdt::after,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin::after,
-.fasdt.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-swap-opacity::after {
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+.#{v.$css-prefix}-swap-opacity .fasdt::after,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-sharp-duotone::after,
+.#{v.$css-prefix}-swap-opacity.fasdt::after,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-sharp-duotone::after {
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
-.fasdt.#{$fa-css-prefix}-inverse,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
+.#{v.$css-prefix}-li.fasdt,
+.#{v.$css-prefix}-li.#{v.$css-prefix}-sharp-duotone,
+.#{v.$css-prefix}-stack-1x.fasdt,
+.#{v.$css-prefix}-stack-1x.#{v.$css-prefix}-sharp-duotone,
+.#{v.$css-prefix}-stack-2x.fasdt,
+.#{v.$css-prefix}-stack-2x.#{v.$css-prefix}-sharp-duotone {
+  position: absolute;
 }
 
-.fasdt.#{$fa-css-prefix}-stack-1x,
-.fasdt.#{$fa-css-prefix}-stack-2x,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-stack-2x {
-  position: absolute;
+// 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.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Sharp Duotone);
+  @extend .#{v.$css-prefix}-sharp-duotone;
+  @extend .#{v.$css-prefix}-thin;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
+
+  &::after {
+    content: string.unquote("\"#{ $var }\"");
+    font-feature-settings: "ss01";
+  }
 }

package/scss/assets/fontawesome/sharp-light.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-sharp: 'Font Awesome 6 Sharp';
-  --#{$fa-css-prefix}-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
+  --#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
+  --#{v.$css-prefix}-font-sharp-light: normal 300 1em/1 var(--#{v.$css-prefix}-family-sharp);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Sharp';
+  font-family: 'Font Awesome 7 Sharp';
   font-style: normal;
   font-weight: 300;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-sharp-light-300.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-sharp-light-300.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-sharp-light-300.woff2');
 }
 
-.fasl,
-.#{$fa-css-prefix}-light {
-  font-weight: 300;
+
+.fasl {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+  --#{v.$css-prefix}-style: 300;
+}
+
+.#{v.$css-prefix}-sharp {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+}
+
+.#{v.$css-prefix}-light {
+  --#{v.$css-prefix}-style: 300;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Sharp);
+  @extend .#{v.$css-prefix}-light;
+  @extend .#{v.$css-prefix}-sharp;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/sharp-regular.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-sharp: 'Font Awesome 6 Sharp';
-  --#{$fa-css-prefix}-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
+  --#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
+  --#{v.$css-prefix}-font-sharp-regular: normal 400 1em/1 var(--#{v.$css-prefix}-family-sharp);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Sharp';
+  font-family: 'Font Awesome 7 Sharp';
   font-style: normal;
   font-weight: 400;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-sharp-regular-400.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-sharp-regular-400.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-sharp-regular-400.woff2');
 }
 
-.fasr,
-.#{$fa-css-prefix}-regular {
-  font-weight: 400;
+
+.fasr {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+  --#{v.$css-prefix}-style: 400;
+}
+
+.#{v.$css-prefix}-sharp {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+}
+
+.#{v.$css-prefix}-regular {
+  --#{v.$css-prefix}-style: 400;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Sharp);
+  @extend .#{v.$css-prefix}-regular;
+  @extend .#{v.$css-prefix}-sharp;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/sharp-solid.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-sharp: 'Font Awesome 6 Sharp';
-  --#{$fa-css-prefix}-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
+  --#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
+  --#{v.$css-prefix}-font-sharp-solid: normal 900 1em/1 var(--#{v.$css-prefix}-family-sharp);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Sharp';
+  font-family: 'Font Awesome 7 Sharp';
   font-style: normal;
   font-weight: 900;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-sharp-solid-900.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-sharp-solid-900.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-sharp-solid-900.woff2');
 }
 
-.fass,
-.#{$fa-css-prefix}-solid {
-  font-weight: 900;
+
+.fass {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+  --#{v.$css-prefix}-style: 900;
+}
+
+.#{v.$css-prefix}-sharp {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+}
+
+.#{v.$css-prefix}-solid {
+  --#{v.$css-prefix}-style: 900;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Sharp);
+  @extend .#{v.$css-prefix}-solid;
+  @extend .#{v.$css-prefix}-sharp;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/sharp-thin.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-sharp: 'Font Awesome 6 Sharp';
-  --#{$fa-css-prefix}-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
+  --#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
+  --#{v.$css-prefix}-font-sharp-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-sharp);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Sharp';
+  font-family: 'Font Awesome 7 Sharp';
   font-style: normal;
   font-weight: 100;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-sharp-thin-100.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-sharp-thin-100.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-sharp-thin-100.woff2');
 }
 
-.fast,
-.#{$fa-css-prefix}-thin {
-  font-weight: 100;
+
+.fast {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+  --#{v.$css-prefix}-style: 100;
+}
+
+.#{v.$css-prefix}-sharp {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
+}
+
+.#{v.$css-prefix}-thin {
+  --#{v.$css-prefix}-style: 100;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Sharp);
+  @extend .#{v.$css-prefix}-thin;
+  @extend .#{v.$css-prefix}-sharp;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/solid.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-classic: '#{ $fa-style-family }';
-  --#{$fa-css-prefix}-font-solid: normal 900 1em/1 '#{ $fa-style-family }';
+  --#{v.$css-prefix}-family-classic: '#{ v.$family }';
+  --#{v.$css-prefix}-font-solid: normal 900 1em/1 var(--#{v.$css-prefix}-family-classic);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-classic: var(--#{v.$css-prefix}-family-classic);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Pro';
+  font-family: 'Font Awesome 7 Pro';
   font-style: normal;
   font-weight: 900;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-solid-900.woff2');
 }
 
-.fas,
-.#{$fa-css-prefix}-solid {
-  font-weight: 900;
+
+.fas {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
+  --#{v.$css-prefix}-style: 900;
+}
+
+.#{v.$css-prefix}-classic {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
+}
+
+.#{v.$css-prefix}-solid {
+  --#{v.$css-prefix}-style: 900;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Pro);
+  @extend .#{v.$css-prefix}-solid;
+  @extend .#{v.$css-prefix}-classic;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/thin.scss

@@ -1,27 +1,51 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-classic: '#{ $fa-style-family }';
-  --#{$fa-css-prefix}-font-thin: normal 100 1em/1 '#{ $fa-style-family }';
+  --#{v.$css-prefix}-family-classic: '#{ v.$family }';
+  --#{v.$css-prefix}-font-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-classic);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-classic: var(--#{v.$css-prefix}-family-classic);
 }
 
 
 @font-face {
-  font-family: 'Font Awesome 6 Pro';
+  font-family: 'Font Awesome 7 Pro';
   font-style: normal;
   font-weight: 100;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-thin-100.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-thin-100.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-thin-100.woff2');
 }
 
-.fat,
-.#{$fa-css-prefix}-thin {
-  font-weight: 100;
+
+.fat {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
+  --#{v.$css-prefix}-style: 100;
+}
+
+.#{v.$css-prefix}-classic {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
+}
+
+.#{v.$css-prefix}-thin {
+  --#{v.$css-prefix}-style: 100;
+}
+
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Pro);
+  @extend .#{v.$css-prefix}-thin;
+  @extend .#{v.$css-prefix}-classic;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/v4-shims.scss

@@ -1,11 +1,11 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
 // V4 shims compile (Web Fonts-based)
 // -------------------------
 
-@import 'functions';
-@import 'variables';
-@import 'shims';
+@use 'functions';
+@use 'variables' as v;
+@use 'shims';

package/scss/keymaster.scss

@@ -1,4 +1,5 @@
 // Overrides
+@use "theme/fontawesome";
 @import "theme/variables-overrides";
 @import "theme/utilities-overrides";
 @import "theme/maps-overrides";
@@ -8,14 +9,6 @@
 
 // Assets
 @import "assets/bootstrap5/bootstrap";
-@import "assets/fontawesome/fontawesome";
-@import "assets/fontawesome/thin";
-@import "assets/fontawesome/light";
-@import "assets/fontawesome/regular";
-@import "assets/fontawesome/solid";
-@import "assets/fontawesome/sharp-solid";
-@import "assets/fontawesome/duotone";
-@import "assets/fontawesome/brands";
 
 // Mixins
 @import "theme/mixins/buttons";

package/scss/theme/_fontawesome-variables.scss

@@ -0,0 +1 @@
+$fa-font-path: "../../../fonts" !default;

package/scss/theme/_fontawesome.scss

@@ -0,0 +1,22 @@
+@use "fontawesome-variables" as *;
+@use "../assets/fontawesome/variables" with (
+  $font-path: $fa-font-path
+);
+@use "../assets/fontawesome/fontawesome";
+@use "../assets/fontawesome/thin";
+@use "../assets/fontawesome/light";
+@use "../assets/fontawesome/regular";
+@use "../assets/fontawesome/solid";
+@use "../assets/fontawesome/sharp-thin";
+@use "../assets/fontawesome/sharp-light";
+@use "../assets/fontawesome/sharp-regular";
+@use "../assets/fontawesome/sharp-solid";
+@use "../assets/fontawesome/duotone";
+@use "../assets/fontawesome/duotone-thin";
+@use "../assets/fontawesome/duotone-light";
+@use "../assets/fontawesome/duotone-regular";
+@use "../assets/fontawesome/sharp-duotone-thin";
+@use "../assets/fontawesome/sharp-duotone-light";
+@use "../assets/fontawesome/sharp-duotone-regular";
+@use "../assets/fontawesome/sharp-duotone-solid";
+@use "../assets/fontawesome/brands";

package/scss/theme/_typography.scss

@@ -1,31 +1,31 @@
 @font-face {
   font-family: "Wix MadeFor Display";
   font-weight: 400;
-  src: url("#{$font-path}/WixMadeforDisplay-Regular.woff2") format("woff2"), url("#{$font-path}/WixMadeforDisplay-Regular.ttf") format("truetype");
+  src: url("#{$font-path-body}/WixMadeforDisplay-Regular.woff2") format("woff2"), url("#{$font-path-body}/WixMadeforDisplay-Regular.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Wix MadeFor Display";
   font-weight: 700;
-  src: url("#{$font-path}/WixMadeforDisplay-Bold.woff2") format("woff2"), url("#{$font-path}/WixMadeforDisplay-Bold.ttf") format("truetype");
+  src: url("#{$font-path-body}/WixMadeforDisplay-Bold.woff2") format("woff2"), url("#{$font-path-body}/WixMadeforDisplay-Bold.ttf") format("truetype");
 }
 
 @font-face {
   font-family: STIXTwoText;
   font-style: italic;
   font-weight: 400;
-  src: url("#{$font-path}/STIXTwoText-Italic.woff2") format("woff2"), url("#{$font-path}/STIXTwoText-Italic.ttf") format("truetype");
+  src: url("#{$font-path-body}/STIXTwoText-Italic.woff2") format("woff2"), url("#{$font-path-body}/STIXTwoText-Italic.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Neulis Neue";
   font-weight: 500;
-  src: url("#{$font-path}/NeulisNeue-Medium.woff2") format("woff2"), url("#{$font-path}/NeulisNeue-Medium.woff") format("woff");
+  src: url("#{$font-path-body}/NeulisNeue-Medium.woff2") format("woff2"), url("#{$font-path-body}/NeulisNeue-Medium.woff") format("woff");
 }
 
 @font-face {
   font-family: "Neulis Neue";
   font-style: italic;
   font-weight: 500;
-  src: url("#{$font-path}/NeulisNeue-MediumItalic.woff2") format("woff2"), url("#{$font-path}/NeulisNeue-MediumItalic.woff") format("woff");
+  src: url("#{$font-path-body}/NeulisNeue-MediumItalic.woff2") format("woff2"), url("#{$font-path-body}/NeulisNeue-MediumItalic.woff") format("woff");
 }

package/scss/theme/_utilities-overrides.scss

@@ -53,3 +53,4 @@ $utilities: map-merge(
     ),
   )
 );
+

package/scss/theme/_variables-overrides.scss

@@ -4,9 +4,7 @@ $prefix: bs- !default;
 $enable-shadows: true !default;
 $enable-validation-icons: false !default;
 
-// Fontawesome
-$font-path: "../../fonts" !default;
-$fa-font-path: "../../../fonts" !default;
+$font-path-body: "../../fonts" !default;
 
 // Font
 $font-size-base: 1rem !default;