Update breakpoint strings to remove deprecation warning in Ruby Sass 3.4.20

diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index f5976ea93d56cd60634f36fdacf8355758e34f63..d92787197f9955fd7c00ef2cd5387eaf2e005389 100644 (file)
--- a/scss/util/_breakpoint.scss
+++ b/scss/util/_breakpoint.scss
@@ -243,24 +243,24 @@ $xxlarge-only: null;
 
 @if map-has-key($breakpoints, small) {
   $small-up: screen;
-  $small-only: screen and #{breakpoint(small only)};
+  $small-only: unquote('screen and #{breakpoint(small only)}');
 }
 
 @if map-has-key($breakpoints, medium) {
-  $medium-up: screen and #{breakpoint(medium)};
-  $medium-only: screen and #{breakpoint(medium only)};
+  $medium-up: unquote('screen and #{breakpoint(medium)}');
+  $medium-only: unquote('screen and #{breakpoint(medium only)}');
 }
 
 @if map-has-key($breakpoints, large) {
-  $large-up: screen and #{breakpoint(large)};
-  $large-only: screen and #{breakpoint(large only)};
+  $large-up: unquote('screen and #{breakpoint(large)}');
+  $large-only: unquote('screen and #{breakpoint(large only)}');
 }
 
 @if map-has-key($breakpoints, xlarge) {
-  $xlarge-up: screen and #{breakpoint(xlarge)};
-  $xlarge-only: screen and #{breakpoint(xlarge only)};
+  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
+  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
 }
 
 @if map-has-key($breakpoints, xxlarge) {
-  $xxlarge-up: screen and #{breakpoint(xxlarge)};
+  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
 }