refactor(style): migrate core SCSS files from @import to @use

Convert @import to @use ... as * in core style aggregator and
partial files. No variable renaming needed since as * preserves
the flat namespace.

Author: wangdicoder

components/style/_component.scss

@@ -1,75 +1,75 @@
-@import "../alert/style/index";
-@import "../anchor/style/index";
-@import "../aspect-ratio/style/index";
-@import "../avatar/style/index";
-@import "../back-top/style/index";
-@import "../badge/style/index";
-@import "../breadcrumb/style/index";
-@import "../button/style/index";
-@import "../calendar/style/index";
-@import "../card/style/index";
-@import "../carousel/style/index";
-@import "../cascader/style/index";
-@import "../checkbox/style/index";
-@import "../collapse/style/index";
-@import "../collapse-transition/style/index";
-@import "../color-picker/style/index";
-@import "../date-picker/style/index";
-@import "../descriptions/style/index";
-@import "../divider/style/index";
-@import "../drawer/style/index";
-@import "../dropdown/style/index";
-@import "../empty/style/index";
-@import "../flip/style/index";
-@import "../form/style/index";
-@import "../grid/style/index";
-@import "../icon/style/index";
-@import "../image/style/index";
-@import "../input/style/index";
-@import "../input-number/style/index";
-@import "../input-password/style/index";
-@import "../layout/style/index";
-@import "../link/style/index";
-@import "../list/style/index";
-@import "../loader/style/index";
-@import "../loading-bar/style/index";
-@import "../keyboard/style/index";
-@import "../menu/style/index";
-@import "../message/style/index";
-@import "../modal/style/index";
-@import "../notification/style/index";
-@import "../overlay/style/index";
-@import "../pagination/style/index";
-@import "../pop-confirm/style/index";
-@import "../popover/style/index";
-@import "../popup/style/index";
-@import "../progress/style/index";
-@import "../radio/style/index";
-@import "../rate/style/index";
-@import "../result/style/index";
-@import "../native-select/style/index";
-@import "../scroll-indicator/style/index";
-@import "../segmented/style/index";
-@import "../select/style/index";
-@import "../skeleton/style/index";
-@import "../slider/style/index";
-@import "../space/style/index";
-@import "../split/style/index";
-@import "../split-button/style/index";
-@import "../statistic/style/index";
-@import "../steps/style/index";
-@import "../sticky/style/index";
-@import "../strength-indicator/style/index";
-@import "../switch/style/index";
-@import "../table/style/index";
-@import "../tabs/style/index";
-@import "../tag/style/index";
-@import "../textarea/style/index";
-@import "../timeline/style/index";
-@import "../time-picker/style/index";
-@import "../tooltip/style/index";
-@import "../transfer/style/index";
-@import "../transition/style/index";
-@import "../tree/style/index";
-@import "../typography/style/index";
-@import "../upload/style/index";
+@use "../alert/style/index" as *;
+@use "../anchor/style/index" as *;
+@use "../aspect-ratio/style/index" as *;
+@use "../avatar/style/index" as *;
+@use "../back-top/style/index" as *;
+@use "../badge/style/index" as *;
+@use "../breadcrumb/style/index" as *;
+@use "../button/style/index" as *;
+@use "../calendar/style/index" as *;
+@use "../card/style/index" as *;
+@use "../carousel/style/index" as *;
+@use "../cascader/style/index" as *;
+@use "../checkbox/style/index" as *;
+@use "../collapse/style/index" as *;
+@use "../collapse-transition/style/index" as *;
+@use "../color-picker/style/index" as *;
+@use "../date-picker/style/index" as *;
+@use "../descriptions/style/index" as *;
+@use "../divider/style/index" as *;
+@use "../drawer/style/index" as *;
+@use "../dropdown/style/index" as *;
+@use "../empty/style/index" as *;
+@use "../flip/style/index" as *;
+@use "../form/style/index" as *;
+@use "../grid/style/index" as *;
+@use "../icon/style/index" as *;
+@use "../image/style/index" as *;
+@use "../input/style/index" as *;
+@use "../input-number/style/index" as *;
+@use "../input-password/style/index" as *;
+@use "../layout/style/index" as *;
+@use "../link/style/index" as *;
+@use "../list/style/index" as *;
+@use "../loader/style/index" as *;
+@use "../loading-bar/style/index" as *;
+@use "../keyboard/style/index" as *;
+@use "../menu/style/index" as *;
+@use "../message/style/index" as *;
+@use "../modal/style/index" as *;
+@use "../notification/style/index" as *;
+@use "../overlay/style/index" as *;
+@use "../pagination/style/index" as *;
+@use "../pop-confirm/style/index" as *;
+@use "../popover/style/index" as *;
+@use "../popup/style/index" as *;
+@use "../progress/style/index" as *;
+@use "../radio/style/index" as *;
+@use "../rate/style/index" as *;
+@use "../result/style/index" as *;
+@use "../native-select/style/index" as *;
+@use "../scroll-indicator/style/index" as *;
+@use "../segmented/style/index" as *;
+@use "../select/style/index" as *;
+@use "../skeleton/style/index" as *;
+@use "../slider/style/index" as *;
+@use "../space/style/index" as *;
+@use "../split/style/index" as *;
+@use "../split-button/style/index" as *;
+@use "../statistic/style/index" as *;
+@use "../steps/style/index" as *;
+@use "../sticky/style/index" as *;
+@use "../strength-indicator/style/index" as *;
+@use "../switch/style/index" as *;
+@use "../table/style/index" as *;
+@use "../tabs/style/index" as *;
+@use "../tag/style/index" as *;
+@use "../textarea/style/index" as *;
+@use "../timeline/style/index" as *;
+@use "../time-picker/style/index" as *;
+@use "../tooltip/style/index" as *;
+@use "../transfer/style/index" as *;
+@use "../transition/style/index" as *;
+@use "../tree/style/index" as *;
+@use "../typography/style/index" as *;
+@use "../upload/style/index" as *;

components/style/_font.scss

@@ -1,4 +1,4 @@
-@import "./variables";
+@use "./variables" as *;
 
 @font-face {
   font-family: 'tiny';

components/style/_mixins.scss

@@ -1,4 +1,4 @@
-@import "./animation";
+@use "./animation" as *;
 
 @mixin loader() {
   display: inline-block;

components/style/_normalise.scss

@@ -1,4 +1,4 @@
-@import "./variables";
+@use "./variables" as *;
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 

components/style/_theme.scss

@@ -1,5 +1,5 @@
-@import './themes/light';
-@import './themes/dark';
+@use './themes/light' as *;
+@use './themes/dark' as *;
 
 // Generate CSS custom properties from a theme map
 @mixin generate-theme-vars($theme) {

components/style/_variables.scss

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 $prefix: 'ty' !default;
 
 // Color
@@ -124,7 +126,7 @@ $pre-color: null !default;
 // Link
 $link-color: $primary-color !default;
 $link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
+$link-hover-color: color.adjust($link-color, $lightness: -15%) !default;
 $link-hover-decoration: underline !default;
 
 // Alert

components/style/index.scss

@@ -1,7 +1,7 @@
-@import './theme';
-@import './normalise';
-@import './variables';
-@import './tokens';
-@import './animation';
-@import './mixins';
-@import './component';
+@use './theme' as *;
+@use './normalise' as *;
+@use './variables' as *;
+@use './tokens' as *;
+@use './animation' as *;
+@use './mixins' as *;
+@use './component' as *;