feat: Resolve all deprecation warnings for sass

- Replace @import with @use and @forward
- Only color function is used in _basic.scss for now
- Change _all.scss to _index.scss
- Modules use direct dependencies
- Move @include from _config.scss to _common.scss, this was a long term mistake
- Remove $color_list
- Change basic_color()

global/_config.scss

@@ -6,7 +6,6 @@
 // ------------------------------------------------------------------------------
 
 
-
 // TEXT
 // ------------------------------------------------------------------------------
 $size_text_basic: 17px !default;
@@ -67,7 +66,6 @@ $family_text_card: #{'Trebuchet MS', 'Roboto', 'Segoe UI', 'Liberation Sans', 'S
 $family_head_basic: $family_text_basic !default;
 
 
-
 // COLORS
 // ------------------------------------------------------------------------------
 $color_palette: (
@@ -78,8 +76,6 @@ $color_palette: (
 	echo: #52bed1,
 	foxtrot: #0c85ff) !default;
 
-@include addDefaultColors;
-
 $color_diff_basic: 12% !default;
 $color_diff_tiny: 4% !default;
 $color_diff_double: $color_diff_basic * 2;
@@ -99,25 +95,13 @@ $color_brighter: color.scale($color_back_basic, $lightness: $color_diff_basic);
 $color_bright: color.scale($color_brightest, $lightness: -$color_diff_double);
 
 $color_head_basic: $color_text_basic !default;
-$color_link_basic: $delta_color !default;
+$color_link_basic: map.get($color_palette, delta) !default;
 $color_highlight_basic: $color_front_basic !default;
-$color_action_basic: $foxtrot_color !default;
-
+$color_action_basic: map.get($color_palette, foxtrot) !default;
 
 // default shadow colors
 // $shadow_color: fade-out($color_medium, 0.5);
 
-$color_list: (
-);
-
-@each $key, $value in $color_palette {
-	$map: (
-	);
-$map: map.merge($map, ($key: createColorMap($value, 15%, 0.5)));
-$color_list: map.merge($color_list, $map);
-}
-
-
 
 // LAYOUT
 // ------------------------------------------------------------------------------
@@ -174,45 +158,44 @@ $z-indexes: (
 );
 
 
-
 // IO
 // ------------------------------------------------------------------------------
 $io_input_list: 'input[type="text"]',
-	'input[type="number"]',
-	'input[type="color"]',
-	'input[type="range"]',
-	'input[type="date"]',
-	'input[type="time"]',
-	'input[type="datetime-local"]',
-	'input[type="month"]',
-	'input[type="week"]',
-	'input[type="email"]',
-	'input[type="password"]',
-	'input[type="tel"]',
-	'input[type="url"]',
-	'input[type="search"]',
-	'input:not([type])';
+'input[type="number"]',
+'input[type="color"]',
+'input[type="range"]',
+'input[type="date"]',
+'input[type="time"]',
+'input[type="datetime-local"]',
+'input[type="month"]',
+'input[type="week"]',
+'input[type="email"]',
+'input[type="password"]',
+'input[type="tel"]',
+'input[type="url"]',
+'input[type="search"]',
+'input:not([type])';
 
 $io_date_list: '.input_io[type="date"]',
-	'.input_io[type="time"]',
-	'.input_io[type="datetime-local"]',
-	'.input_io[type="month"]',
-	'.input_io[type="week"]';
+'.input_io[type="time"]',
+'.input_io[type="datetime-local"]',
+'.input_io[type="month"]',
+'.input_io[type="week"]';
 
 $io_button_list: 'button',
-	'input[type="button"]',
+'input[type="button"]',
 	// 'input[type="file"]',
-	'input[type="reset"]',
-	'input[type="image"]',
-	'input[type="submit"]';
+'input[type="reset"]',
+'input[type="image"]',
+'input[type="submit"]';
 
 $io_focus_list: 'a[href]',
-	'area[href]',
-	'button:not([disabled])',
-	'input:not([disabled])',
-	'select:not([disabled])',
-	'textarea:not([disabled])',
-	'*[tabindex]';
+'area[href]',
+'button:not([disabled])',
+'input:not([disabled])',
+'select:not([disabled])',
+'textarea:not([disabled])',
+'*[tabindex]';
 
 $color_text_io: color.scale($color_text_basic, $lightness: $color_diff_basic) !default;
 $color_text_button: $color_text_basic !default;
@@ -229,7 +212,6 @@ $shadow_basic: inset 0 1px 3px rgba($color_darkest, 0.06);
 $shadow_focus: $shadow_basic, 0 0 5px color.adjust($color_action_basic, $lightness: -5%, $alpha: -0.3);
 
 
-
 // ANIMATIONS
 // ------------------------------------------------------------------------------
 $duration_basic: 200ms !default;
@@ -241,7 +223,6 @@ $transition_hide: opacity $duration_double;
 $transition_show: opacity $duration_long;
 
 
-
 // HARDWARE BREAKPOINTS
 // ------------------------------------------------------------------------------
 $screen_tiny: 768px;
@@ -252,7 +233,6 @@ $screen_huge: 1680px;
 $screen_gigantic: 1920px;
 
 
-
 // VENDOR PREFIX
 // ------------------------------------------------------------------------------
 $prefix_defaults: -moz- -webkit- -o- -ms- '';
@@ -264,7 +244,6 @@ $moz_ms_support: -moz- -ms- '';
 $webkit_ms_support: -webkit- -ms- '';
 
 
-
 // SYMBOLS
 // ------------------------------------------------------------------------------
 $icons: (
@@ -282,9 +261,6 @@ $icons: (
 }
 
 
-
 // USER AGENT
 // ------------------------------------------------------------------------------
-$no_agent_focus: true;
-
-@include overrideUserAgent;
+$no_agent_focus: true !default;