Use "sass:string" for unquote function

Calling global `unquote` is deprecated. This uses "sass:string" instead.
foundation · Jan 14, 2025 · e6b51e6 · e6b51e6
1 parent f5c7d29
commit e6b51e6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
@@ -6,6 +6,8 @@
 /// @group breakpoints
 ////
 
+@use "sass:string";
+
 /// Patch to fix issue #12080
 $-zf-size: null;
 
@@ -404,35 +406,35 @@ $small-only: '';
 
 @if map-has-key($breakpoints, small) {
   $small-up: screen;
-  $small-only: unquote('screen and #{breakpoint(small only)}');
+  $small-only: string.unquote('screen and #{breakpoint(small only)}');
 }
 
 $medium-up: '';
 $medium-only: '';
 
 @if map-has-key($breakpoints, medium) {
-  $medium-up: unquote('screen and #{breakpoint(medium)}');
-  $medium-only: unquote('screen and #{breakpoint(medium only)}');
+  $medium-up: string.unquote('screen and #{breakpoint(medium)}');
+  $medium-only: string.unquote('screen and #{breakpoint(medium only)}');
 }
 
 $large-up: '';
 $large-only: '';
 
 @if map-has-key($breakpoints, large) {
-  $large-up: unquote('screen and #{breakpoint(large)}');
-  $large-only: unquote('screen and #{breakpoint(large only)}');
+  $large-up: string.unquote('screen and #{breakpoint(large)}');
+  $large-only: string.unquote('screen and #{breakpoint(large only)}');
 }
 
 $xlarge-up: '';
 $xlarge-only: '';
 
 @if map-has-key($breakpoints, xlarge) {
-  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
-  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
+  $xlarge-up: string.unquote('screen and #{breakpoint(xlarge)}');
+  $xlarge-only: string.unquote('screen and #{breakpoint(xlarge only)}');
 }
 
 $xxlarge-up: '';
 
 @if map-has-key($breakpoints, xxlarge) {
-  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
+  $xxlarge-up: string.unquote('screen and #{breakpoint(xxlarge)}');
 }
diff --git a/scss/util/_selector.scss b/scss/util/_selector.scss
@@ -6,6 +6,8 @@
 /// @group functions
 ////
 
+@use "sass:string";
+
 /// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.
 ///
 /// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.
@@ -20,7 +22,7 @@
   }
 
   @each $type in $types {
-    $return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
+    $return: append($return, string.unquote('[type=\'#{$type}\']#{$modifier}'), comma);
   }
 
   @return $return;

diff --git a/scss/xy-grid/_gutters.scss b/scss/xy-grid/_gutters.scss
@@ -6,6 +6,8 @@
 /// @group xy-grid
 ////
 
+@use "sass:string";
+
 /// Create gutters for a cell/container.
 ///
 /// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
@@ -30,7 +32,7 @@
 
       // Loop through each gutter position
       @each $value in $gutter-position {
-        #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
+        #{$gutter-type}-#{$value}: string.unquote("#{$operator}#{$gutter}");
       }
     }
   }
@@ -39,7 +41,7 @@
 
     // Loop through each gutter position
     @each $value in $gutter-position {
-      #{$gutter-type}-#{$value}: unquote("#{$operator}#{$gutter}");
+      #{$gutter-type}-#{$value}: string.unquote("#{$operator}#{$gutter}");
     }
   }
 }