Add Sass variable for CSS variable prefix (#31684)

* Add Sass variable for CSS variable prefix

* Update other --bs-* var instances

1 files changed, 5 insertions, 5 deletions

diff --git a/scss/_root.scss b/scss/_root.scss
index 44eff1700..768d6343f 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -1,16 +1,16 @@
 :root {
   // Custom variable values only support SassScript inside `#{}`.
   @each $color, $value in $colors {
-    --bs-#{$color}: #{$value};
+    --#{$variable-prefix}#{$color}: #{$value};
   }
 
   @each $color, $value in $theme-colors {
-    --bs-#{$color}: #{$value};
+    --#{$variable-prefix}#{$color}: #{$value};
   }
 
   // Use `inspect` for lists so that quoted items keep the quotes.
   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
-  --bs-font-sans-serif: #{inspect($font-family-sans-serif)};
-  --bs-font-monospace: #{inspect($font-family-monospace)};
-  --bs-gradient: #{$gradient};
+  --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
+  --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};
+  --#{$variable-prefix}gradient: #{$gradient};
 }