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()

modules/breakpoint/_breakpoint_module.scss

@@ -1,47 +1,59 @@
+@use "../../global/config";
+@use "../../mixins/media_query" as *;
+
 .query_goingLarge {
-  @include goingLarge($screen_tiny) {};
+	@include goingLarge(config.$screen_tiny) {
+	}
+;
 }
 
 .query_goingSmall {
-  @include goingSmall($screen_gigantic) {};
+	@include goingSmall(config.$screen_gigantic) {
+	}
+;
 }
 
 .query_phoneUp {
-  @include forPhoneUp {}
+	@include forPhoneUp {
+	}
 }
 
 .query_phoneOnly {
-  @include forPhoneOnly {}
+	@include forPhoneOnly {
+	}
 }
 
-.query_tabletPortaitOnly {
-  @include forTabletPortraitOnly {
-  }
+.query_tabletPortraitOnly {
+	@include forTabletPortraitOnly {
+	}
 }
 
 .query_tabletPortraitUp {
-  @include forTabletPortraitUp {
-  }
+	@include forTabletPortraitUp {
+	}
 }
 
 .query_tabletLandscapeOnly {
-  @include forTabletLandscapeOnly {}
+	@include forTabletLandscapeOnly {
+	}
 }
 
 .query_tabletLandscapeUp {
-  @include forTabletLandscapeUp {}
+	@include forTabletLandscapeUp {
+	}
 }
 
 .query_desktopOnly {
-  @include forDesktopOnly {
-  }
+	@include forDesktopOnly {
+	}
 }
 
 .query_desktopUp {
-  @include forDesktopUp {
-  }
+	@include forDesktopUp {
+	}
 }
 
 .query_bigDesktopUp {
-  @include forBigDesktopUp {}
+	@include forBigDesktopUp {
+	}
 }