diff --git a/js-packages/@fortawesome/fontawesome-free/scss/_larger.scss b/js-packages/@fortawesome/fontawesome-free/scss/_larger.scss
index 27c2ad5fc..ae643dd4f 100644
--- a/js-packages/@fortawesome/fontawesome-free/scss/_larger.scss
+++ b/js-packages/@fortawesome/fontawesome-free/scss/_larger.scss
@@ -2,9 +2,11 @@
 // -------------------------
 
 // makes the font 33% larger relative to the icon container
+@use "sass:math";
+
 .#{$fa-css-prefix}-lg {
-  font-size: (4em / 3);
-  line-height: (3em / 4);
+  font-size: math.div(4em, 3);
+  line-height: (3em * 0.25);
   vertical-align: -.0667em;
 }
 
diff --git a/js-packages/@fortawesome/fontawesome-free/scss/_list.scss b/js-packages/@fortawesome/fontawesome-free/scss/_list.scss
index 8ebf33333..df6d4a23b 100644
--- a/js-packages/@fortawesome/fontawesome-free/scss/_list.scss
+++ b/js-packages/@fortawesome/fontawesome-free/scss/_list.scss
@@ -3,7 +3,7 @@
 
 .#{$fa-css-prefix}-ul {
   list-style-type: none;
-  margin-left: $fa-li-width * 5/4;
+  margin-left: $fa-li-width * 5*0.25;
   padding-left: 0;
 
   > li { position: relative; }
diff --git a/js-packages/@fortawesome/fontawesome-free/scss/_variables.scss b/js-packages/@fortawesome/fontawesome-free/scss/_variables.scss
index b39f35e97..94c2ab65d 100644
--- a/js-packages/@fortawesome/fontawesome-free/scss/_variables.scss
+++ b/js-packages/@fortawesome/fontawesome-free/scss/_variables.scss
@@ -1,6 +1,8 @@
 // Variables
 // --------------------------
 
+@use "sass:math";
+
 $fa-font-path:         "../webfonts" !default;
 $fa-font-size-base:    16px !default;
 $fa-font-display:      block !default;
@@ -9,7 +11,7 @@ $fa-version:           "5.15.4" !default;
 $fa-border-color:      #eee !default;
 $fa-inverse:           #fff !default;
 $fa-li-width:          2em !default;
-$fa-fw-width:          (20em / 16);
+$fa-fw-width:          math.div(20em, 16);
 $fa-primary-opacity:   1 !default;
 $fa-secondary-opacity: .4 !default;
 
diff --git a/scss/_larger.scss b/scss/_larger.scss
index 27c2ad5fc..ae643dd4f 100644
--- a/scss/_larger.scss
+++ b/scss/_larger.scss
@@ -2,9 +2,11 @@
 // -------------------------
 
 // makes the font 33% larger relative to the icon container
+@use "sass:math";
+
 .#{$fa-css-prefix}-lg {
-  font-size: (4em / 3);
-  line-height: (3em / 4);
+  font-size: math.div(4em, 3);
+  line-height: (3em * 0.25);
   vertical-align: -.0667em;
 }
 
diff --git a/scss/_list.scss b/scss/_list.scss
index 8ebf33333..df6d4a23b 100644
--- a/scss/_list.scss
+++ b/scss/_list.scss
@@ -3,7 +3,7 @@
 
 .#{$fa-css-prefix}-ul {
   list-style-type: none;
-  margin-left: $fa-li-width * 5/4;
+  margin-left: $fa-li-width * 5*0.25;
   padding-left: 0;
 
   > li { position: relative; }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b39f35e97..94c2ab65d 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1,6 +1,8 @@
 // Variables
 // --------------------------
 
+@use "sass:math";
+
 $fa-font-path:         "../webfonts" !default;
 $fa-font-size-base:    16px !default;
 $fa-font-display:      block !default;
@@ -9,7 +11,7 @@ $fa-version:           "5.15.4" !default;
 $fa-border-color:      #eee !default;
 $fa-inverse:           #fff !default;
 $fa-li-width:          2em !default;
-$fa-fw-width:          (20em / 16);
+$fa-fw-width:          math.div(20em, 16);
 $fa-primary-opacity:   1 !default;
 $fa-secondary-opacity: .4 !default;