fix: scss import warning (#7528)

* chore(dashboard): 将 Sass @import 迁移到 @use

Dart Sass 3.0.0 将移除 @import，迁移到 @use 以消除弃用警告

* add new import into style.scss

---------

Co-authored-by: LIghtJUNction <lightjunction.me@gmail.com>

dashboard/src/scss/components/_VButtons.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 //
 // Light Buttons
 //

dashboard/src/scss/components/_VCard.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 // Outline Card
 .v-card--variant-outlined {
   border-color: rgba(var(--v-theme-borderLight), 0.36);

dashboard/src/scss/components/_VField.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
 .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
   border-radius: $border-radius-root 0 0 $border-radius-root;

dashboard/src/scss/components/_VShadow.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .elevation-10 {
   box-shadow: $box-shadow !important;
 }

dashboard/src/scss/components/_VTabs.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .theme-tab {
   &.v-tabs {
     .v-tab {

dashboard/src/scss/layout/_container.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 html {
   overflow-y: auto;
 }

dashboard/src/scss/layout/_sidebar.scss

@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 /*This is for the logo*/
 .leftSidebar {
   border: 0px;

dashboard/src/scss/style.scss

@@ -1,21 +1,21 @@
-@import './variables';
-@import 'vuetify/styles/main.sass';
-@import './override';
-@import './layout/container';
-@import './layout/sidebar';
+@use './variables';
+@use 'vuetify/styles/main.sass';
+@use './override';
+@use './layout/container';
+@use './layout/sidebar';
 
-@import './components/VButtons';
-@import './components/VCard';
-@import './components/VField';
-@import './components/VInput';
-@import './components/VNavigationDrawer';
-@import './components/VShadow';
-@import './components/VTextField';
-@import './components/VTabs';
-@import './components/VScrollbar';
-@import './components/CodeBlockDark';
+@use './components/VButtons';
+@use './components/VCard';
+@use './components/VField';
+@use './components/VInput';
+@use './components/VNavigationDrawer';
+@use './components/VShadow';
+@use './components/VTextField';
+@use './components/VTabs';
+@use './components/VScrollbar';
+@use './components/CodeBlockDark';
 
-@import './pages/dashboards';
+@use './pages/dashboards';
 
 html, body {
   overscroll-behavior-y: none;