chore(admin-ui): Remove deprecated SCSS color vars

packages/admin-ui/src/lib/static/styles/_variables.scss

@@ -1,67 +1,2 @@
-// DEPRECATED: These Sass color variables are deprecated in favour of
-// css custom properties (see below). To be removed in a later release.
-$color-primary-100: #e3f6fc;
-$color-primary-200: #afdaf3;
-$color-primary-300: #9adbf3;
-$color-primary-400: #5dcff3;
-$color-primary-500: #13b7f3;
-$color-primary-600: #137fac;
-$color-primary-700: #0b425d;
-$color-primary-800: #072f3c;
-$color-primary-900: #0a1b27;
-
-
-$color-secondary-100: #d9f9e1;
-$color-secondary-200: #b6efd3;
-$color-secondary-300: #91ceb8;
-$color-secondary-400: #69a88e;
-$color-secondary-500: #438571;
-$color-secondary-600: #376e5d;
-$color-secondary-700: #254b40;
-$color-secondary-800: #182f28;
-$color-secondary-900: #08221c;
-
-$color-success-100: #ddfbdd;
-$color-success-200: #afed88;
-$color-success-300: #78c656;
-$color-success-400: #54af32;
-$color-success-500: #308300;
-$color-success-600: #255900;
-$color-success-700: #1d4900;
-$color-success-800: #122400;
-$color-success-900: #060d00;
-
-
-$color-error-100: #fce2de;
-$color-error-200: #e77f77;
-$color-error-300: #f3553d;
-$color-error-400: #e13f28;
-$color-error-500: #C92100;
-$color-error-600: #891d00;
-$color-error-700: #5b1200;
-$color-error-800: #3c0c00;
-$color-error-900: #2a0900;
-
-
-$color-warning-100: #fff6dc;
-$color-warning-200: #ffe1a3;
-$color-warning-300: #ffd2a3;
-$color-warning-400: #ffb74d;
-$color-warning-500: #FF9F07;
-$color-warning-600: #a16704;
-$color-warning-700: #674002;
-$color-warning-800: #492c02;
-$color-warning-900: #231401;
-
-$color-grey-100: #fafafa;
-$color-grey-200: #f2f3f5;
-$color-grey-300: #bfc3cc;
-$color-grey-400: #97979a;
-$color-grey-500: #525456;
-$color-grey-600: #3f4445;
-$color-grey-700: #303233;
-$color-grey-800: #202223;
-$color-grey-900: #0f1011;
-
 // breakpoints
 $breakpoint-small: 768px;

packages/admin-ui/src/lib/static/styles/theme/default.scss

@@ -4,60 +4,60 @@
 // are left as their defaults.
 :root {
     // Colors
-    --color-primary-100: #{$color-primary-100};
-    --color-primary-200: #{$color-primary-200};
-    --color-primary-300: #{$color-primary-300};
-    --color-primary-400: #{$color-primary-400};
-    --color-primary-500: #{$color-primary-500};
-    --color-primary-600: #{$color-primary-600};
-    --color-primary-700: #{$color-primary-700};
-    --color-primary-800: #{$color-primary-800};
-    --color-primary-900: #{$color-primary-900};
-    --color-secondary-100: #{$color-secondary-100};
-    --color-secondary-200: #{$color-secondary-200};
-    --color-secondary-300: #{$color-secondary-300};
-    --color-secondary-400: #{$color-secondary-400};
-    --color-secondary-500: #{$color-secondary-500};
-    --color-secondary-600: #{$color-secondary-600};
-    --color-secondary-700: #{$color-secondary-700};
-    --color-secondary-800: #{$color-secondary-800};
-    --color-secondary-900: #{$color-secondary-900};
-    --color-success-100: #{$color-success-100};
-    --color-success-200: #{$color-success-200};
-    --color-success-300: #{$color-success-300};
-    --color-success-400: #{$color-success-400};
-    --color-success-500: #{$color-success-500};
-    --color-success-600: #{$color-success-600};
-    --color-success-700: #{$color-success-700};
-    --color-success-800: #{$color-success-800};
-    --color-success-900: #{$color-success-900};
-    --color-error-100: #{$color-error-100};
-    --color-error-200: #{$color-error-200};
-    --color-error-300: #{$color-error-300};
-    --color-error-400: #{$color-error-400};
-    --color-error-500: #{$color-error-500};
-    --color-error-600: #{$color-error-600};
-    --color-error-700: #{$color-error-700};
-    --color-error-800: #{$color-error-800};
-    --color-error-900: #{$color-error-900};
-    --color-warning-100: #{$color-warning-100};
-    --color-warning-200: #{$color-warning-200};
-    --color-warning-300: #{$color-warning-300};
-    --color-warning-400: #{$color-warning-400};
-    --color-warning-500: #{$color-warning-500};
-    --color-warning-600: #{$color-warning-600};
-    --color-warning-700: #{$color-warning-700};
-    --color-warning-800: #{$color-warning-800};
-    --color-warning-900: #{$color-warning-900};
-    --color-grey-100: #{$color-grey-100};
-    --color-grey-200: #{$color-grey-200};
-    --color-grey-300: #{$color-grey-300};
-    --color-grey-400: #{$color-grey-400};
-    --color-grey-500: #{$color-grey-500};
-    --color-grey-600: #{$color-grey-600};
-    --color-grey-700: #{$color-grey-700};
-    --color-grey-800: #{$color-grey-800};
-    --color-grey-900: #{$color-grey-900};
+    --color-primary-100: #e3f6fc;
+    --color-primary-200: #afdaf3;
+    --color-primary-300: #9adbf3;
+    --color-primary-400: #5dcff3;
+    --color-primary-500: #13b7f3;
+    --color-primary-600: #137fac;
+    --color-primary-700: #0b425d;
+    --color-primary-800: #072f3c;
+    --color-primary-900: #0a1b27;
+    --color-secondary-100: #d9f9e1;
+    --color-secondary-200: #b6efd3;
+    --color-secondary-300: #91ceb8;
+    --color-secondary-400: #69a88e;
+    --color-secondary-500: #438571;
+    --color-secondary-600: #376e5d;
+    --color-secondary-700: #254b40;
+    --color-secondary-800: #182f28;
+    --color-secondary-900: #08221c;
+    --color-success-100: #ddfbdd;
+    --color-success-200: #afed88;
+    --color-success-300: #78c656;
+    --color-success-400: #54af32;
+    --color-success-500: #308300;
+    --color-success-600: #255900;
+    --color-success-700: #1d4900;
+    --color-success-800: #122400;
+    --color-success-900: #060d00;
+    --color-error-100: #fce2de;
+    --color-error-200: #e77f77;
+    --color-error-300: #f3553d;
+    --color-error-400: #e13f28;
+    --color-error-500: #C92100;
+    --color-error-600: #891d00;
+    --color-error-700: #5b1200;
+    --color-error-800: #3c0c00;
+    --color-error-900: #2a0900;
+    --color-warning-100: #fff6dc;
+    --color-warning-200: #ffe1a3;
+    --color-warning-300: #ffd2a3;
+    --color-warning-400: #ffb74d;
+    --color-warning-500: #FF9F07;
+    --color-warning-600: #a16704;
+    --color-warning-700: #674002;
+    --color-warning-800: #492c02;
+    --color-warning-900: #231401;
+    --color-grey-100: #fafafa;
+    --color-grey-200: #f2f3f5;
+    --color-grey-300: #bfc3cc;
+    --color-grey-400: #97979a;
+    --color-grey-500: #525456;
+    --color-grey-600: #3f4445;
+    --color-grey-700: #303233;
+    --color-grey-800: #202223;
+    --color-grey-900: #0f1011;
 
     // Universal semantic colors
     --color-component-bg-100: var(--color-grey-100);