diff --git a/openhis-ui-vue3/src/assets/styles/btn.scss b/openhis-ui-vue3/src/assets/styles/btn.scss
index 2b93f6c9b..7f3165b09 100755
--- a/openhis-ui-vue3/src/assets/styles/btn.scss
+++ b/openhis-ui-vue3/src/assets/styles/btn.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
 @import './variables.module.scss';
 
 // Element Plus风格的颜色按钮样式
@@ -22,14 +23,14 @@
 
   &:hover,
   &:focus {
-    background-color: lighten($color, 10%);
-    border-color: lighten($color, 10%);
+    background-color: color.adjust($color, $lightness: 10%);
+    border-color: color.adjust($color, $lightness: 10%);
     color: #fff;
   }
 
   &:active {
-    background-color: darken($color, 5%);
-    border-color: darken($color, 5%);
+    background-color: color.adjust($color, $lightness: -5%);
+    border-color: color.adjust($color, $lightness: -5%);
     color: #fff;
   }
 
diff --git a/openhis-ui-vue3/src/components/Auto/printBills/changeShiftBill.vue b/openhis-ui-vue3/src/components/Auto/printBills/changeShiftBill.vue
index c964b4fdc..cd8d0bd65 100755
--- a/openhis-ui-vue3/src/components/Auto/printBills/changeShiftBill.vue
+++ b/openhis-ui-vue3/src/components/Auto/printBills/changeShiftBill.vue
@@ -166,7 +166,7 @@ export default {
     height: 200px !important;
     width: 740px;
 
-    /deep/ .el-table .cell {
+    :deep(.el-table .cell) {
       font-size: 10px !important;
     }
     .printView_header {
diff --git a/openhis-ui-vue3/src/components/Auto/printBills/exeOrderSheet.vue b/openhis-ui-vue3/src/components/Auto/printBills/exeOrderSheet.vue
index e281af2f0..eb1bf5ad7 100755
--- a/openhis-ui-vue3/src/components/Auto/printBills/exeOrderSheet.vue
+++ b/openhis-ui-vue3/src/components/Auto/printBills/exeOrderSheet.vue
@@ -230,7 +230,7 @@ export default {
     height: 500px !important;
     width: 680px;
 
-    /deep/ .el-table .cell {
+    :deep(.el-table .cell) {
       font-size: 10px !important;
     }
     .printView_header {
diff --git a/openhis-ui-vue3/src/components/Auto/printBills/injectOrderSheet.vue b/openhis-ui-vue3/src/components/Auto/printBills/injectOrderSheet.vue
index 5bc9bcc97..7e82c9ceb 100755
--- a/openhis-ui-vue3/src/components/Auto/printBills/injectOrderSheet.vue
+++ b/openhis-ui-vue3/src/components/Auto/printBills/injectOrderSheet.vue
@@ -174,7 +174,7 @@ export default {
     height: 200px !important;
     width: 680px;
 
-    /deep/ .el-table .cell {
+    :deep(.el-table .cell) {
       font-size: 10px !important;
     }
     .printView_header {
diff --git a/openhis-ui-vue3/src/views/catalog/disease/index.vue b/openhis-ui-vue3/src/views/catalog/disease/index.vue
index 650a705da..d729c536b 100755
--- a/openhis-ui-vue3/src/views/catalog/disease/index.vue
+++ b/openhis-ui-vue3/src/views/catalog/disease/index.vue
@@ -675,7 +675,7 @@ getList();
   }
   
   /* 表格样式调整，移除默认的最大宽度限制 */
-  .table-scroll-container >>> .el-table {
+  .table-scroll-container { :deep(.el-table) {
     min-width: 100%;
     width: auto;
   }
diff --git a/openhis-ui-vue3/src/views/doctorstation/components/surgery/surgeryApplication.vue b/openhis-ui-vue3/src/views/doctorstation/components/surgery/surgeryApplication.vue
index 316208e78..f53e13bf9 100755
--- a/openhis-ui-vue3/src/views/doctorstation/components/surgery/surgeryApplication.vue
+++ b/openhis-ui-vue3/src/views/doctorstation/components/surgery/surgeryApplication.vue
@@ -1762,12 +1762,12 @@ defineExpose({
   
   /* 表格样式 */
   .el-table {
-    ::v-deep(.cancelled-row) {
+    :deep(.cancelled-row) {
       background-color: #f5f5f5;
       color: #999;
       text-decoration: line-through;
       
-      ::v-deep(.cell) {
+      :deep(.cell) {
         opacity: 0.6;
       }
     }
diff --git a/openhis-ui-vue3/src/views/pharmacymanagement/westernmedicine/index.vue b/openhis-ui-vue3/src/views/pharmacymanagement/westernmedicine/index.vue
index 23af92896..9f2972ad0 100755
--- a/openhis-ui-vue3/src/views/pharmacymanagement/westernmedicine/index.vue
+++ b/openhis-ui-vue3/src/views/pharmacymanagement/westernmedicine/index.vue
@@ -1588,7 +1588,7 @@ function validate() {
 }
 
 :deep(.el-table--border th),
-::v-deep .el-table--border th.gutter:last-of-type {
+:deep(.el-table--border th.gutter:last-of-type {
   border-color: #dddde0;
 }
 </style>
diff --git a/openhis-ui-vue3/vite.config.js b/openhis-ui-vue3/vite.config.js
index 5881e5af3..c60a878cb 100755
--- a/openhis-ui-vue3/vite.config.js
+++ b/openhis-ui-vue3/vite.config.js
@@ -53,6 +53,12 @@ export default defineConfig(({ mode, command }) => {
     },
     //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
     css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+          silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'legacy-js-api'],
+        },
+      },
       postcss: {
         plugins: [
           {