From e6b51e62348de070b0cdc233e62069f5c34103fc Mon Sep 17 00:00:00 2001
From: Petrik <petrik@deheus.net>
Date: Tue, 14 Jan 2025 16:40:47 +0100
Subject: [PATCH]  Use "sass:string" for `unquote` function

 Calling global `unquote` is deprecated. This uses "sass:string" instead.
---
 scss/util/_breakpoint.scss | 18 ++++++++++--------
 scss/util/_selector.scss   |  4 +++-
 scss/xy-grid/_gutters.scss |  6 ++++--
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index c8fa336d56..87e6575660 100644
--- 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
index dfe4c77804..f73ef43740 100644
--- 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
index 839e8746f6..39432d109c 100644
--- 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}");
     }
   }
 }