update 优化 升级框架依赖

src/assets/styles/components/_search-panel.scss

@@ -83,7 +83,7 @@
   transform: rotate(45deg);
 }
 
-:global(html.dark) {
+html.dark {
   .tree-border {
     background: var(--app-surface-bg);
     border-color: var(--app-surface-border);

src/assets/styles/index.scss

@@ -1,7 +1,9 @@
 // =============================================================================
 // 全局样式入口（加载顺序即最终 CSS 层叠顺序，后载入的同优先级规则会覆盖先载入的）
 // =============================================================================
-@use './variables.module.scss' as *;
+@use './tokens/sass-vars' as *;
+@use './tokens/theme';
+@use './tokens/theme-dark';
 @use './mixin.scss';
 @use './transition.scss';
 @use './base/document';

src/assets/styles/layout/sidebar/_menu.scss

@@ -1,6 +1,6 @@
 /* 侧栏内 el-menu：一级/嵌套项的 hover、active、浅色与 theme-dark 分支（与 _shell 中变量定义配合）。 */
 
-@use '../../variables.module.scss' as *;
+@use '../../tokens/sass-vars' as *;
 
 #app {
   .sidebar-container {

src/assets/styles/layout/sidebar/_responsive.scss

@@ -1,6 +1,6 @@
 /* 移动端侧栏：抽屉式滑出、隐藏时 translate；.withoutAnimation 关闭过渡（与布局组件 class 约定一致）。 */
 
-@use '../../variables.module.scss' as *;
+@use '../../tokens/sass-vars' as *;
 
 #app {
   .mobile {

src/assets/styles/layout/sidebar/_shell.scss

@@ -1,6 +1,6 @@
 /* 侧栏外壳：固定定位宽度、主区左边距、滚动条与 el-menu 根级样式；与 _menu/_collapsed/_responsive 分工。 */
 
-@use '../../variables.module.scss' as *;
+@use '../../tokens/sass-vars' as *;
 
 #app {
   // --- 主内容区相对侧栏的偏移 ---