Add quotes to mapping keys (#23701)

scss/_variables.scss

@@ -22,15 +22,15 @@ $black:  #000 !default;
 
 $grays: () !default;
 $grays: map-merge((
-  100: $gray-100,
+  "100": $gray-100,
-  200: $gray-200,
+  "200": $gray-200,
-  300: $gray-300,
+  "300": $gray-300,
-  400: $gray-400,
+  "400": $gray-400,
-  500: $gray-500,
+  "500": $gray-500,
-  600: $gray-600,
+  "600": $gray-600,
-  700: $gray-700,
+  "700": $gray-700,
-  800: $gray-800,
+  "800": $gray-800,
-  900: $gray-900
+  "900": $gray-900
 ), $grays);
 
 $blue:    #007bff !default;
@@ -46,31 +46,31 @@ $cyan:    #17a2b8 !default;
 
 $colors: () !default;
 $colors: map-merge((
-  blue: $blue,
+  "blue": $blue,
-  indigo: $indigo,
+  "indigo": $indigo,
-  purple: $purple,
+  "purple": $purple,
-  pink: $pink,
+  "pink": $pink,
-  red: $red,
+  "red": $red,
-  orange: $orange,
+  "orange": $orange,
-  yellow: $yellow,
+  "yellow": $yellow,
-  green: $green,
+  "green": $green,
-  teal: $teal,
+  "teal": $teal,
-  cyan: $cyan,
+  "cyan": $cyan,
-  white: $white,
+  "white": $white,
-  gray: $gray-600,
+  "gray": $gray-600,
-  gray-dark: $gray-800
+  "gray-dark": $gray-800
 ), $colors);
 
 $theme-colors: () !default;
 $theme-colors: map-merge((
-  primary: $blue,
+  "primary": $blue,
-  secondary: $gray-600,
+  "secondary": $gray-600,
-  success: $green,
+  "success": $green,
-  info: $cyan,
+  "info": $cyan,
-  warning: $yellow,
+  "warning": $yellow,
-  danger: $red,
+  "danger": $red,
-  light: $gray-100,
+  "light": $gray-100,
-  dark: $gray-800
+  "dark": $gray-800
 ), $theme-colors);
 
 // Set a specific jump point for requesting color jumps