diff --git a/packages/elements/src/components/app/theme.scss b/packages/elements/src/components/app/theme.scss
index 9f2c0b729..e019c844d 100644
--- a/packages/elements/src/components/app/theme.scss
+++ b/packages/elements/src/components/app/theme.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+@use 'sass:string';
 @use 'sass:color';
 
 // Prismjs theming (code highlighting) =====================================
@@ -134,9 +136,9 @@
   $stroke-color: '#{$stroke-color}';
 
   // Escape leading '#' (url encode %23)
-  $index: str-index($stroke-color, '#');
+  $index: string.index($stroke-color, '#');
   @if $index eq 1 {
-    $stroke-color: '%23' + str-slice($stroke-color, 2);
+    $stroke-color: '%23' + string.slice($stroke-color, 2);
   }
   @return url("data:image/svg+xml;charset=UTF8,<svg xmlns='http://www.w3.org/2000/svg' height='3' width='6'><g fill='#{$stroke-color}'><path d='m5.5 0-3 3H1.1l3-3z'/><path d='m4 0 2 2V.6L5.4 0zM0 2l1 1h1.4L0 .6z'/></g></svg>");
 }
@@ -206,7 +208,7 @@
     --mut-primary-#{$range}: #{hexToRGB($value)};
   }
 
-  --mut-body-bg: #{map-get($grayRanges, 50)};
+  --mut-body-bg: #{map.get($grayRanges, 50)};
 
   --mut-white: var(--mut-gray-50);
 
diff --git a/packages/elements/src/components/file/file.scss b/packages/elements/src/components/file/file.scss
index ce5ac828c..59308ce6d 100644
--- a/packages/elements/src/components/file/file.scss
+++ b/packages/elements/src/components/file/file.scss
@@ -1,3 +1,4 @@
+@use 'sass:list';
 @use 'sass:map';
 
 @import '../../style/code.css';
@@ -17,7 +18,7 @@ $mutant-themes: (
 $mutant-squiggly: 'Survived', 'NoCoverage';
 
 @each $status, $theme in $mutant-themes {
-  @if (index($mutant-squiggly, $status) == null) {
+  @if (list.index($mutant-squiggly, $status) == null) {
     .mte-selected-#{$status} .mutant.#{$status} {
       border-color: #{$theme};
       border-bottom-width: 2px;
diff --git a/packages/elements/src/components/theme-switch/theme-switch.scss b/packages/elements/src/components/theme-switch/theme-switch.scss
index db85041ce..1658a524c 100644
--- a/packages/elements/src/components/theme-switch/theme-switch.scss
+++ b/packages/elements/src/components/theme-switch/theme-switch.scss
@@ -36,7 +36,7 @@ $width: 2.9em;
 }
 
 @function rad($angle) {
-  $unit: unit($angle);
+  $unit: math.unit($angle);
   $unitless: math.div($angle, $angle * 0 + 1);
   // If the angle has 'deg' as unit, convert to radians.
   @if $unit == deg {