Self contain webcomponent SCSS (#21615)

Author: ciar4n

build/media/webcomponents/scss/_functions.scss

@@ -1,12 +1,27 @@
 // Switcher
 
-@import "../functions";
-@import "../mixins";
-@import "../variables";
-
 $switcher-width:  62px;
 $switcher-height: 28px;
 $border-width:    1px;
+$border-radius:   0;
+
+$white:    #fff;
+$gray-600: #868e96;
+
+$blue:    #1e87f0;
+$red:     #f0506e;
+$yellow:  #faa05a;
+$green:   #2f7d32;
+
+$theme-colors: ();
+$theme-colors: map-merge((
+        primary: $blue,
+        secondary: $gray-600,
+        success: $green,
+        warning: $yellow,
+        danger: $red
+), $theme-colors);
+
 
 joomla-field-switcher {
   box-sizing: border-box;