Use CSS box-shadow variables in shadow utility classes (#38816)

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index e6069c909a2452cdfc73a6abc11a928a1bc90f3d..696f906ec9c44172fceedcbff5ca9b216c15ba3b 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -77,9 +77,9 @@ $utilities: map-merge(
       property: box-shadow,
       class: shadow,
       values: (
-        null: $box-shadow,
-        sm: $box-shadow-sm,
-        lg: $box-shadow-lg,
+        null: var(--#{$prefix}box-shadow),
+        sm: var(--#{$prefix}box-shadow-sm),
+        lg: var(--#{$prefix}box-shadow-lg),
         none: none,
       )
     ),