feat: update sass version

package.json

@@ -1,10 +1,11 @@
 {
   "name": "@nutui/nutui-react-taro",
   "version": "3.0.0-beta.12",
-  "style": "dist/style.css",
+  "description": "京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/es/packages/nutui.react.build.js",
   "typings": "dist/es/packages/nutui.react.build.d.ts",
+  "style": "dist/style.css",
   "sideEffects": [
     "*.scss",
     "dist/es/**/style/*",
@@ -13,7 +14,6 @@
     "dist/styles/font/*",
     "dist/styles/font-jmapp/*"
   ],
-  "description": "京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序",
   "keywords": [
     "nutui",
     "nutui2",
@@ -44,6 +44,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "lint-staged": {
+    "*.{scss,md}": "prettier --write",
+    "*.{ts,tsx,js}": "eslint --fix"
+  },
   "scripts": {
     "add": "node scripts/create-component-mode.js && npm run prepare",
     "add:taro:config": "node scripts/taro/generate-taro-route.js",
@@ -52,11 +56,9 @@
     "changelog": "node ./scripts/generate-changelog.js",
     "clone:jdharmony": "node ./scripts/harmony/clone-jdharmony.js",
     "dev": "vite --open --force",
-    "dev:rtl": "VITE_RTL=rtl vite --open --force",
-    "dev:jrkf": "VITE_APP_PROJECT_ID=jrkf vite --open --force",
-    "dev:taro:rn:dark": "THEME=dark pnpm dev:taro:rn",
+    "dev:rtl": "VITE_RTL=rtl npm run dev",
+    "dev:jrkf": "VITE_APP_PROJECT_ID=jrkf npm run dev",
     "dev:taro": "pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev",
-    "dev:taro:h5": "pnpm dev:taro h5",
     "dev:jdtaro": "pnpm run update:taro:entry && JD=1 pnpm --dir ./packages/nutui-taro-demo dev",
     "dev:jdtaro:jdharmonycpp": "pnpm run clone:jdharmony cpp &&pnpm run update:taro:entry && JD=1 pnpm --dir ./packages/nutui-taro-demo dev:jdharmonycpp",
     "dev:jdtaro:jdharmony": "pnpm run clone:jdharmony  && pnpm run update:taro:entry && JD=1 pnpm --dir ./packages/nutui-taro-demo dev:jdharmony",
@@ -94,10 +96,6 @@
     "update:taro:entry": "node ./scripts/harmony/update-taro-entry",
     "upgradeTaro": "pnpm --dir ./packages/nutui-taro-demo upgradeTaro"
   },
-  "lint-staged": {
-    "*.{scss,md}": "prettier --write",
-    "*.{ts,tsx,js}": "eslint"
-  },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@nutui/icons-react": "^3.0.0-beta.2",
@@ -228,7 +226,6 @@
   "resolutions": {
     "@types/react": "^18.2.57",
     "@types/react-dom": "^18.2.19",
-    "sass": "1.77.6",
     "@tarojs/api": "4.0.8-beta.1",
     "@tarojs/components": "4.0.8-beta.1"
   }

src/packages/calendar/calendar.scss

@@ -3,6 +3,7 @@
 .nut-calendar {
   position: relative;
   display: flex;
+
   flex-direction: column;
   flex: 1;
   font-size: $calendar-base-font-size;

src/packages/card/card.scss

@@ -1,6 +1,6 @@
 @import '../price/price.scss';
 @import '../tag/tag.scss';
-@import '../../styles/mixins/text-ellipsis.scss';
+@use '../../styles/mixins/text-ellipsis.scss' as *;
 
 .nut-card {
   width: 100%;

src/packages/dialog/dialog.scss

@@ -1,6 +1,6 @@
 @import '../button/button.scss';
 @import '../overlay/overlay.scss';
-@import '../../styles/mixins/index';
+@use '../../styles/mixins/text-ellipsis.scss' as *;
 
 .nut-dialog {
   display: flex;

src/packages/menu/menu.scss

@@ -1,4 +1,4 @@
-@import '../../styles/mixins/text-ellipsis.scss';
+@use '../../styles/mixins/text-ellipsis.scss' as *;
 @import '../menuitem/menuitem.scss';
 
 .nut-menu {

src/packages/sidebar/sidebar.scss

@@ -1,4 +1,3 @@
-@import '../../styles/mixins/index';
 @import '../sidebaritem/sidebaritem.scss';
 
 .nut-sidebar {

src/packages/tabs/tabs.scss

@@ -1,4 +1,3 @@
-@import '../../styles/mixins/index';
 @import '../tabpane/tabpane.scss';
 
 .nut-tabs {

src/packages/uploader/uploader.scss

@@ -1,5 +1,5 @@
 @import '../progress/progress.scss';
-@import '../../styles/mixins/text-ellipsis.scss';
+@use '../../styles/mixins/text-ellipsis.scss' as *;
 
 .nut-uploader {
   position: relative;

src/sites/assets/styles/highlight.scss

@@ -1,3 +1,5 @@
+@use './variables.scss' as *;
+
 code {
   position: relative;
   display: block;

src/sites/assets/styles/md-style.scss

@@ -1,4 +1,5 @@
-@import 'highlight.scss';
+@use 'sass:color';
+@use './variables.scss' as *;
 
 .doc-content-document {
   position: relative;
@@ -21,11 +22,11 @@
     -webkit-font-smoothing: auto;
 
     &:hover {
-      color: mix(black, $nutui-doc-blue, 10%);
+      color: color.adjust($nutui-doc-blue, $lightness: -10%);
     }
 
     &:active {
-      color: mix(black, $nutui-doc-blue, 20%);
+      color: color.adjust($nutui-doc-blue, $lightness: -20%);
     }
   }
 

src/sites/assets/styles/variables.scss

@@ -8,6 +8,10 @@ $doc-default-primary-bg: linear-gradient(
   rgba(250, 63, 25, 1) 100%
 );
 
+$color-title: var(--nutui-gray-7, #1a1a1a) !default;
+$white: #ffffff !default;
+$black: $color-title !default;
+
 // color
 // 红色
 $theme-red: #ff0f23;
@@ -80,6 +84,7 @@ $doc-header-bg: url('../../assets/images/header-bg.png') no-repeat;
 // nav
 $doc-default-nav-bg: $white;
 $doc-default-nav-color: $color-title;
+
 // home
 $theme-black-content-bg: #060506;
 

src/sites/doc/App.scss

@@ -1,3 +1,5 @@
+@use '../assets/styles/variables.scss' as *;
+
 ::selection {
   background: $doc-default-color;
   color: #fff;