diff --git a/common/shared/eslint/index.js b/common/shared/eslint/index.js
index 89f4c7e63e..fa3376b1c9 100644
--- a/common/shared/eslint/index.js
+++ b/common/shared/eslint/index.js
@@ -1,5 +1,7 @@
+const os = require('node:os');
+const path = require('node:path');
+const eslintPluginBetterTailwindcss = require('eslint-plugin-better-tailwindcss');
 const jsdoc = require('eslint-plugin-jsdoc');
-const eslintPluginReadableTailwind = require('eslint-plugin-readable-tailwind');
 const noExternalImportsInFacade = require('./plugins/no-external-imports-in-facade');
 const noFacadeImportsOutsideFacade = require('./plugins/no-facade-imports-outside-facade');
 const noSelfPackageImports = require('./plugins/no-self-package-imports');
@@ -224,6 +226,9 @@ exports.facadePreset = () => {
 };
 
 exports.tailwindcssPreset = () => {
+    const isWindows = os.platform() === 'win32';
+    const lineBreakStyle = isWindows ? 'windows' : 'unix';
+
     return {
         files: ['**/*.{jsx,tsx}'],
         languageOptions: {
@@ -234,14 +239,25 @@ exports.tailwindcssPreset = () => {
             },
         },
         plugins: {
-            'readable-tailwind': eslintPluginReadableTailwind,
+            'better-tailwindcss': eslintPluginBetterTailwindcss,
+        },
+        settings: {
+            'better-tailwindcss': {
+                tailwindConfig: path.resolve(__dirname, '../tailwind/tailwind.config.ts'),
+            },
         },
         rules: {
-            ...eslintPluginReadableTailwind.configs.warning.rules,
-            ...eslintPluginReadableTailwind.configs.error.rules,
-            'jsonc/sort-keys': ['warn'],
-            'readable-tailwind/multiline': ['warn', { printWidth: 120, group: 'newLine' }],
-            'react-hooks/rules-of-hooks': 'off',
+            // enable all recommended rules to warn
+            ...eslintPluginBetterTailwindcss.configs['recommended-warn'].rules,
+            // enable all recommended rules to error
+            ...eslintPluginBetterTailwindcss.configs['recommended-error'].rules,
+            'better-tailwindcss/multiline': ['warn', {
+                printWidth: 120,
+                group: 'newLine',
+                lineBreakStyle,
+            }],
+            'better-tailwindcss/no-unregistered-classes': 'off',
+            'better-tailwindcss/no-conflicting-classes': 'off',
         },
     };
 };
diff --git a/common/shared/package.json b/common/shared/package.json
index f91c0b5dc2..9b679de4db 100644
--- a/common/shared/package.json
+++ b/common/shared/package.json
@@ -25,16 +25,16 @@
         "univer-cli": "bin/index.ts"
     },
     "dependencies": {
-        "@typescript-eslint/parser": "^8.32.1",
-        "@vitejs/plugin-react": "^4.5.0",
+        "@typescript-eslint/parser": "^8.34.0",
+        "@vitejs/plugin-react": "^4.5.2",
         "@vitejs/plugin-vue": "^5.2.4",
         "@vitest/coverage-istanbul": "^3.1.4",
         "autoprefixer": "^10.4.21",
-        "eslint-plugin-readable-tailwind": "^1.9.1",
+        "eslint-plugin-better-tailwindcss": "^3.1.0",
         "fs-extra": "^11.3.0",
-        "happy-dom": "17.4.7",
+        "happy-dom": "18.0.1",
         "javascript-obfuscator": "^4.1.1",
-        "postcss-preset-env": "^10.1.6",
+        "postcss-preset-env": "^10.2.2",
         "sort-keys": "^5.1.0",
         "tailwind-scrollbar": "^4.0.2",
         "tailwindcss": "^3.4.17",
diff --git a/package.json b/package.json
index 7cb40ebd59..0f0b566bd4 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
         "@commitlint/cli": "^19.8.1",
         "@commitlint/config-conventional": "^19.8.1",
         "@eslint-react/eslint-plugin": "^1.51.3",
-        "@playwright/test": "^1.52.0",
+        "@playwright/test": "^1.53.0",
         "@release-it-plugins/workspaces": "^4.2.0",
         "@release-it/conventional-changelog": "^9.0.4",
         "@storybook/react": "8.6.14",
@@ -77,6 +77,7 @@
         "react-dom": "^19.1.0",
         "release-it": "^17.11.0",
         "serve": "^14.2.4",
+        "tailwindcss": "^3.4.17",
         "tsx": "^4.19.4",
         "turbo": "^2.5.4",
         "typescript": "^5.8.3",
diff --git a/packages-experimental/debugger/src/views/Fab.tsx b/packages-experimental/debugger/src/views/Fab.tsx
index 0b1648f4ab..21bd4e2f88 100644
--- a/packages-experimental/debugger/src/views/Fab.tsx
+++ b/packages-experimental/debugger/src/views/Fab.tsx
@@ -79,8 +79,8 @@ export function Fab() {
                       univer-flex univer-size-9 univer-cursor-pointer univer-items-center univer-justify-center
                       univer-rounded-full univer-bg-white univer-text-base univer-text-gray-900 univer-shadow
                       univer-outline-none univer-transition-shadow
-                      dark:!univer-bg-gray-900 dark:!univer-text-gray-200
                       hover:univer-ring-1 hover:univer-ring-primary-400
+                      dark:!univer-bg-gray-900 dark:!univer-text-gray-200
                     `, borderClassName)}
                     type="button"
                 >
diff --git a/packages-experimental/debugger/src/views/watermark/WatermarkTextSetting.tsx b/packages-experimental/debugger/src/views/watermark/WatermarkTextSetting.tsx
index 7dda53986a..681ce3dd76 100644
--- a/packages-experimental/debugger/src/views/watermark/WatermarkTextSetting.tsx
+++ b/packages-experimental/debugger/src/views/watermark/WatermarkTextSetting.tsx
@@ -101,8 +101,8 @@ export function WatermarkTextSetting(props: IWatermarkTextSettingProps) {
                     >
                         <a
                             className={`
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `}
                         >
                             <FontColorDoubleIcon extend={{ colorChannel1: config.color ?? '#2c53f1' }} />
@@ -110,8 +110,8 @@ export function WatermarkTextSetting(props: IWatermarkTextSettingProps) {
                     </Dropdown>
                     <a
                         className={clsx(`
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, {
                             'univer-bg-gray-200 dark:!univer-bg-gray-600': config.bold,
                         })}
@@ -121,8 +121,8 @@ export function WatermarkTextSetting(props: IWatermarkTextSettingProps) {
                     </a>
                     <a
                         className={clsx(`
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, {
                             'univer-bg-gray-200 dark:!univer-bg-gray-600': config.italic,
                         })}
diff --git a/packages-experimental/uni-formula-ui/src/views/components/DocFormulaPopup.tsx b/packages-experimental/uni-formula-ui/src/views/components/DocFormulaPopup.tsx
index 64d84fbb00..0433292b70 100644
--- a/packages-experimental/uni-formula-ui/src/views/components/DocFormulaPopup.tsx
+++ b/packages-experimental/uni-formula-ui/src/views/components/DocFormulaPopup.tsx
@@ -132,8 +132,8 @@ function DocFormula(props: { popupInfo: IUniFormulaPopupInfo }) {
     return (
         <div
             className={clsx(`
-              univer-box-border univer-flex univer-h-12 univer-w-[482px] univer-items-center univer-gap-x-2
-              univer-overflow-hidden univer-rounded-lg u univer-border-gray-200 univer-bg-white univer-p-2
+              u univer-box-border univer-flex univer-h-12 univer-w-[482px] univer-items-center univer-gap-x-2
+              univer-overflow-hidden univer-rounded-lg univer-border-gray-200 univer-bg-white univer-p-2
               univer-shadow-lg
               dark:!univer-bg-gray-900
             `, borderClassName)}
diff --git a/packages-experimental/uni-sheets-ui/src/views/uni-sheet-bar/UniSheetBar.tsx b/packages-experimental/uni-sheets-ui/src/views/uni-sheet-bar/UniSheetBar.tsx
index bedcaca044..398ea244ec 100644
--- a/packages-experimental/uni-sheets-ui/src/views/uni-sheet-bar/UniSheetBar.tsx
+++ b/packages-experimental/uni-sheets-ui/src/views/uni-sheet-bar/UniSheetBar.tsx
@@ -111,8 +111,8 @@ export function UniSheetBar() {
                             className={clsx(`
                               univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded-lg
                               univer-px-1 univer-py-0
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `, activeKey === item.sheetId ? 'univer-text-primary-500' : '')}
                             onClick={() => handleSheetActiveChange(item.sheetId)}
                         >
@@ -131,12 +131,12 @@ export function UniSheetBar() {
             <button
                 type="button"
                 className={`
-                  univer-relative univer-mt-4 univer-flex univer-h-8 univer-items-center univer-justify-center
-                  univer-rounded-lg univer-border-0 univer-bg-transparent univer-text-primary-600
                   before:absolute before:left-0 before:top-0 before:h-full before:w-full before:bg-gray-100
                   before:content-['']
-                  dark:hover:!univer-bg-gray-700
+                  univer-relative univer-mt-4 univer-flex univer-h-8 univer-items-center univer-justify-center
+                  univer-rounded-lg univer-border-0 univer-bg-transparent univer-text-primary-600
                   hover:univer-cursor-pointer hover:univer-bg-gray-100
+                  dark:hover:!univer-bg-gray-700
                 `}
 
                 onClick={handleSheetAdd}
diff --git a/packages-experimental/uni-slides-ui/src/views/UniSlideSideBar.tsx b/packages-experimental/uni-slides-ui/src/views/UniSlideSideBar.tsx
index e1583305a3..936d23dd0e 100644
--- a/packages-experimental/uni-slides-ui/src/views/UniSlideSideBar.tsx
+++ b/packages-experimental/uni-slides-ui/src/views/UniSlideSideBar.tsx
@@ -128,12 +128,12 @@ export function UniSlideSideBar() {
             <button
                 type="button"
                 className={`
+                  before:absolute before:left-0 before:top-0 before:h-px before:content-[''] before:univer-bg-gray-200
                   univer-relative univer-mt-4 univer-flex univer-h-8 univer-cursor-pointer univer-items-center
                   univer-justify-center univer-rounded-lg univer-border-0 univer-bg-transparent univer-px-1
                   univer-text-primary-500
-                  before:absolute before:left-0 before:top-0 before:h-px before:content-[''] before:univer-bg-gray-200
-                  dark:hover:!univer-bg-gray-700
                   hover:univer-bg-gray-100
+                  dark:hover:!univer-bg-gray-700
                 `}
                 onClick={handleAppendSlide}
             >
diff --git a/packages-experimental/uniui/src/views/uni-controls/UniControls.tsx b/packages-experimental/uniui/src/views/uni-controls/UniControls.tsx
index bc8f6f0719..99836a3233 100644
--- a/packages-experimental/uniui/src/views/uni-controls/UniControls.tsx
+++ b/packages-experimental/uniui/src/views/uni-controls/UniControls.tsx
@@ -152,8 +152,8 @@ export const UniControls = ({ zoom, onItemClick }: { zoom: number; onItemClick?:
                                   univer-relative univer-box-border univer-cursor-pointer univer-rounded univer-py-1
                                   univer-pl-9 univer-text-gray-900 univer-no-underline univer-transition-colors
                                   univer-duration-200
-                                  dark:!univer-text-white dark:hover:!univer-bg-gray-700
                                   hover:univer-bg-gray-100
+                                  dark:!univer-text-white dark:hover:!univer-bg-gray-700
                                 `, item === zoomPercent ? 'univer-bg-gray-100' : '')}
                                 onClick={() => onZoomMenuChange(item)}
                             >
@@ -180,8 +180,8 @@ export const UniControls = ({ zoom, onItemClick }: { zoom: number; onItemClick?:
                       univer-h-7 univer-w-[55px] univer-cursor-pointer univer-rounded univer-text-center univer-text-xs
                       univer-leading-loose univer-text-gray-700 univer-no-underline univer-transition-all
                       univer-duration-200
-                      group-data-[open=true]:univer-bg-gray-200
                       hover:univer-bg-gray-200
+                      group-data-[open=true]:univer-bg-gray-200
                     `}
                 >
                     {zoomPercent}
diff --git a/packages-experimental/uniui/src/views/uni-toolbar/UniFormulaBar.tsx b/packages-experimental/uniui/src/views/uni-toolbar/UniFormulaBar.tsx
index 6f16d3fa62..5c29f16db6 100644
--- a/packages-experimental/uniui/src/views/uni-toolbar/UniFormulaBar.tsx
+++ b/packages-experimental/uniui/src/views/uni-toolbar/UniFormulaBar.tsx
@@ -80,8 +80,8 @@ export const UniFormulaBar = () => {
             </div>
             <div
                 className={clsx(`
-                  univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-h-full univer-w-full univer-bg-white
                   dark:!univer-bg-dark
+                  univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-h-full univer-w-full univer-bg-white
                 `, {
                     'univer-hidden': !visible,
                 })}
@@ -196,7 +196,7 @@ export function FormulaBar() {
             `}
         >
             <div
-                className={clsx('univer-flex univer-univer-grow-0 univer-shrink-0 univer-px-1.5', {
+                className={clsx('univer-univer-grow-0 univer-flex univer-shrink-0 univer-px-1.5', {
                     'univer-cursor-not-allowed univer-text-gray-200': disable,
                 })}
             >
diff --git a/packages/design/src/components/accordion/Accordion.tsx b/packages/design/src/components/accordion/Accordion.tsx
index d5720f6b30..0006f929d4 100644
--- a/packages/design/src/components/accordion/Accordion.tsx
+++ b/packages/design/src/components/accordion/Accordion.tsx
@@ -52,9 +52,9 @@ export function Accordion(props: IAccordionProps) {
                           univer-box-border univer-flex univer-w-full univer-cursor-pointer univer-items-center
                           univer-gap-1.5 univer-border-none univer-bg-transparent univer-p-4 univer-text-left
                           univer-text-gray-700
-                          dark:!univer-text-gray-200 dark:hover:!univer-text-white
-                          focus:univer-outline-none
                           hover:univer-text-gray-900
+                          focus:univer-outline-none
+                          dark:!univer-text-gray-200 dark:hover:!univer-text-white
                         `}
                         type="button"
                         onClick={() => toggleItem(index)}
diff --git a/packages/design/src/components/button/Button.tsx b/packages/design/src/components/button/Button.tsx
index 1725a3d537..6a775f5e44 100644
--- a/packages/design/src/components/button/Button.tsx
+++ b/packages/design/src/components/button/Button.tsx
@@ -26,40 +26,40 @@ export const buttonVariants = cva(
       univer-box-border univer-inline-flex univer-cursor-pointer univer-select-none univer-items-center
       univer-justify-center univer-gap-2 univer-whitespace-nowrap univer-rounded-md univer-border univer-border-solid
       univer-text-sm univer-font-medium univer-transition-colors
-      [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0
       disabled:univer-pointer-events-none disabled:univer-cursor-not-allowed disabled:univer-opacity-50
+      [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0
     `,
     {
         variants: {
             variant: {
                 default: `
                   univer-border-gray-200 univer-bg-white univer-text-gray-700
+                  hover:univer-bg-gray-100
                   active:univer-bg-gray-200
                   dark:!univer-border-gray-600 dark:!univer-bg-gray-700 dark:!univer-text-white
                   dark:hover:!univer-bg-gray-600 dark:active:!univer-bg-gray-700
-                  hover:univer-bg-gray-100
                 `,
                 primary: `
                   univer-border-primary-600 univer-bg-primary-600 univer-text-white
-                  active:univer-bg-primary-700
                   hover:univer-bg-primary-500
+                  active:univer-bg-primary-700
                 `,
                 danger: `
                   univer-border-red-500 univer-bg-red-500 univer-text-white
-                  active:univer-border-red-600 active:univer-bg-red-600
                   hover:univer-border-red-400 hover:univer-bg-red-400
+                  active:univer-border-red-600 active:univer-bg-red-600
                 `,
                 text: `
                   univer-border-transparent univer-bg-transparent univer-text-gray-900
+                  hover:univer-bg-gray-100
                   active:univer-bg-gray-200
                   dark:!univer-text-white dark:hover:!univer-bg-gray-700 dark:active:!univer-bg-gray-600
-                  hover:univer-bg-gray-100
                 `,
                 link: `
                   univer-underline-current univer-border-transparent univer-bg-transparent univer-text-primary-600
                   univer-underline-offset-4
-                  active:univer-text-primary-700
                   hover:univer-text-primary-500 hover:univer-underline
+                  active:univer-text-primary-700
                 `,
             },
             size: {
diff --git a/packages/design/src/components/cascader-list/CascaderList.tsx b/packages/design/src/components/cascader-list/CascaderList.tsx
index 61bde1da62..0a7db549eb 100644
--- a/packages/design/src/components/cascader-list/CascaderList.tsx
+++ b/packages/design/src/components/cascader-list/CascaderList.tsx
@@ -111,9 +111,9 @@ export function CascaderList(props: ICascaderListProps) {
             className={clsx(`
               univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded
               univer-py-2 univer-text-gray-900
+              dark:!univer-text-white
               [&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r
               [&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200
-              dark:!univer-text-white
             `, borderClassName, scrollbarClassName, wrapperClassName)}
         >
             {activeOptions.map((options, index) =>
diff --git a/packages/design/src/components/color-picker/ColorInput.tsx b/packages/design/src/components/color-picker/ColorInput.tsx
index 498f50d4d0..83dcb7bfea 100644
--- a/packages/design/src/components/color-picker/ColorInput.tsx
+++ b/packages/design/src/components/color-picker/ColorInput.tsx
@@ -158,12 +158,12 @@ export function ColorInput({ hsv, onChange }: IColorInputProps) {
     return (
         <div
             className={`
+              dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white
               univer-flex univer-gap-2
               [&_input]:univer-box-border [&_input]:univer-flex [&_input]:univer-h-7 [&_input]:univer-items-center
               [&_input]:univer-rounded [&_input]:univer-border [&_input]:univer-border-solid
               [&_input]:univer-border-gray-200 [&_input]:univer-bg-transparent [&_input]:univer-px-1.5
               [&_input]:univer-text-sm [&_input]:univer-text-gray-700 [&_input]:univer-outline-none
-              dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white
             `}
         >
             <div className="univer-relative univer-flex univer-flex-1 univer-gap-2">
diff --git a/packages/design/src/components/color-picker/ColorPicker.tsx b/packages/design/src/components/color-picker/ColorPicker.tsx
index 1233a6f899..db0367c511 100644
--- a/packages/design/src/components/color-picker/ColorPicker.tsx
+++ b/packages/design/src/components/color-picker/ColorPicker.tsx
@@ -99,8 +99,8 @@ export function ColorPicker({ format = 'hex', value = '#000000', onChange }: ICo
                 <a
                     className={`
                       univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity
-                      dark:!univer-text-white
                       hover:univer-opacity-80
+                      dark:!univer-text-white
                     `}
                     onClick={() => setVisible(true)}
                 >
diff --git a/packages/design/src/components/color-picker/__tests__/__snapshots__/index.spec.tsx.snap b/packages/design/src/components/color-picker/__tests__/__snapshots__/index.spec.tsx.snap
index deffd5a3ff..c68d32cb83 100644
--- a/packages/design/src/components/color-picker/__tests__/__snapshots__/index.spec.tsx.snap
+++ b/packages/design/src/components/color-picker/__tests__/__snapshots__/index.spec.tsx.snap
@@ -265,8 +265,8 @@ exports[`ColorPicker > should render correctly 1`] = `
       <a
         class="
                       univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity
-                      dark:!univer-text-white
                       hover:univer-opacity-80
+                      dark:!univer-text-white
                     "
       />
     </div>
@@ -539,8 +539,8 @@ exports[`ColorPicker > should render with value 1`] = `
       <a
         class="
                       univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity
-                      dark:!univer-text-white
                       hover:univer-opacity-80
+                      dark:!univer-text-white
                     "
       />
     </div>
diff --git a/packages/design/src/components/dialog/DialogPrimitive.tsx b/packages/design/src/components/dialog/DialogPrimitive.tsx
index 1f4cf107c9..b6505f8ec2 100644
--- a/packages/design/src/components/dialog/DialogPrimitive.tsx
+++ b/packages/design/src/components/dialog/DialogPrimitive.tsx
@@ -38,8 +38,8 @@ const DialogOverlay = forwardRef<
         className={clsx(
             `
               univer-bg-black/80 univer-fixed univer-inset-0 univer-z-[1050]
-              data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
               data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
+              data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
             `,
             className
         )}
@@ -62,17 +62,17 @@ const DialogContent = forwardRef<
             ref={ref}
             className={clsx(
                 `
-                  univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1050] univer-box-border univer-grid
-                  univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4
-                  univer-bg-white univer-px-6 univer-py-4 univer-text-gray-500 univer-shadow-md univer-duration-200
-                  dark:!univer-bg-gray-700 dark:!univer-text-gray-400
-                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-                  data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2
-                  data-[state=closed]:univer-slide-out-to-top-[48%]
                   data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
                   data-[state=open]:univer-zoom-in-95 data-[state=open]:univer-slide-in-from-left-1/2
                   data-[state=open]:univer-slide-in-from-top-[48%]
+                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+                  data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2
+                  data-[state=closed]:univer-slide-out-to-top-[48%]
+                  univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1050] univer-box-border univer-grid
+                  univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4
+                  univer-bg-white univer-px-6 univer-py-4 univer-text-gray-500 univer-shadow-md univer-duration-200
                   sm:!univer-rounded-lg
+                  dark:!univer-bg-gray-700 dark:!univer-text-gray-400
                 `,
                 borderClassName,
                 className
@@ -85,8 +85,8 @@ const DialogContent = forwardRef<
                     className={`
                       univer-absolute univer-right-4 univer-top-4 univer-size-6 univer-cursor-pointer univer-rounded-sm
                       univer-border-none univer-bg-transparent univer-p-0 univer-transition-opacity
-                      disabled:univer-pointer-events-none
                       hover:univer-opacity-100
+                      disabled:univer-pointer-events-none
                     `}
                     onClick={onClickClose}
                 >
diff --git a/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx b/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
index 0be3c0cba7..651a2f4f3c 100644
--- a/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
+++ b/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
@@ -102,10 +102,10 @@ function DropdownMenuSubTrigger({
                 `
                   univer-flex univer-cursor-default univer-select-none univer-items-center univer-justify-between
                   univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none
-                  [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0
-                  dark:focus:!univer-bg-gray-600 dark:data-[state=open]:!univer-bg-gray-600
-                  data-[state=open]:univer-bg-gray-100
                   focus:univer-bg-gray-100
+                  data-[state=open]:univer-bg-gray-100
+                  dark:focus:!univer-bg-gray-600 dark:data-[state=open]:!univer-bg-gray-600
+                  [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0
                 `,
                 className
             )}
@@ -126,18 +126,18 @@ function DropdownMenuSubContent({
             data-slot="dropdown-menu-sub-content"
             className={clsx(
                 `
-                  univer-z-[1080] univer-box-border univer-max-h-[var(--radix-popper-available-height)]
-                  univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
-                  univer-shadow-md
-                  dark:!univer-bg-gray-700 dark:!univer-text-white
+                  data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
+                  data-[state=open]:univer-zoom-in-95
+                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+                  data-[state=closed]:univer-zoom-out-95
                   data-[side=bottom]:univer-slide-in-from-top-2
                   data-[side=left]:univer-slide-in-from-right-2
                   data-[side=right]:univer-slide-in-from-left-2
                   data-[side=top]:univer-slide-in-from-bottom-2
-                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-                  data-[state=closed]:univer-zoom-out-95
-                  data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
-                  data-[state=open]:univer-zoom-in-95
+                  univer-z-[1080] univer-box-border univer-max-h-[var(--radix-popper-available-height)]
+                  univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
+                  univer-shadow-md
+                  dark:!univer-bg-gray-700 dark:!univer-text-white
                 `,
                 borderClassName,
                 scrollbarClassName,
@@ -160,18 +160,18 @@ function DropdownMenuContent({
                 sideOffset={sideOffset}
                 className={clsx(
                     `
-                      univer-z-[1080] univer-box-border univer-max-h-[var(--radix-popper-available-height)]
-                      univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
-                      univer-shadow-md
-                      dark:!univer-bg-gray-700 dark:!univer-text-white
+                      data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
+                      data-[state=open]:univer-zoom-in-95
+                      data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+                      data-[state=closed]:univer-zoom-out-95
                       data-[side=bottom]:univer-slide-in-from-top-2
                       data-[side=left]:univer-slide-in-from-right-2
                       data-[side=right]:univer-slide-in-from-left-2
                       data-[side=top]:univer-slide-in-from-bottom-2
-                      data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-                      data-[state=closed]:univer-zoom-out-95
-                      data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
-                      data-[state=open]:univer-zoom-in-95
+                      univer-z-[1080] univer-box-border univer-max-h-[var(--radix-popper-available-height)]
+                      univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
+                      univer-shadow-md
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
                     `,
                     borderClassName,
                     scrollbarClassName,
@@ -201,10 +201,10 @@ function DropdownMenuItem({
                 `
                   univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-gap-2
                   univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none univer-transition-colors
-                  [&>svg]:univer-size-4 [&>svg]:univer-shrink-0
-                  dark:focus:!univer-bg-gray-600
-                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
                   focus:univer-bg-gray-100
+                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
+                  dark:focus:!univer-bg-gray-600
+                  [&>svg]:univer-size-4 [&>svg]:univer-shrink-0
                 `,
                 className
             )}
@@ -227,9 +227,9 @@ function DropdownMenuCheckboxItem({
                 `
                   univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center
                   univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors
-                  dark:focus:!univer-bg-gray-600
-                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
                   focus:univer-bg-gray-100
+                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
+                  dark:focus:!univer-bg-gray-600
                 `,
                 {
                     'univer-pl-8': !hideIndicator,
@@ -272,9 +272,9 @@ function DropdownMenuRadioItem({
                 `
                   univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center
                   univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors
-                  dark:focus:!univer-bg-gray-600
-                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
                   focus:univer-bg-gray-100
+                  data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
+                  dark:focus:!univer-bg-gray-600
                 `,
                 {
                     'univer-pl-8': !hideIndicator,
diff --git a/packages/design/src/components/dropdown/Dropdown.stories.tsx b/packages/design/src/components/dropdown/Dropdown.stories.tsx
index bbc1775485..4b95b15b95 100644
--- a/packages/design/src/components/dropdown/Dropdown.stories.tsx
+++ b/packages/design/src/components/dropdown/Dropdown.stories.tsx
@@ -57,8 +57,8 @@ export const Playground = {
                     <a
                         className={clsx(`
                           univer-cursor-pointer univer-rounded-lg univer-px-4 univer-py-2 univer-transition-all
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, borderClassName)}
                     >
                         Click me
diff --git a/packages/design/src/components/dropdown/PopoverPrimitive.tsx b/packages/design/src/components/dropdown/PopoverPrimitive.tsx
index 56a21e0b11..82412cd8e0 100644
--- a/packages/design/src/components/dropdown/PopoverPrimitive.tsx
+++ b/packages/design/src/components/dropdown/PopoverPrimitive.tsx
@@ -45,17 +45,17 @@ function PopoverContent({
                 sideOffset={sideOffset}
                 className={clsx(
                     `
-                      univer-z-[1080] univer-max-h-[var(--radix-popper-available-height)] univer-overflow-y-auto
-                      univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-hidden
-                      dark:!univer-bg-gray-900 dark:!univer-text-white dark:focus-visible:univer-border-gray-600
+                      univer-outline-hidden univer-z-[1080] univer-max-h-[var(--radix-popper-available-height)]
+                      univer-overflow-y-auto univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md
+                      data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
+                      data-[state=open]:univer-zoom-in-95
+                      data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+                      data-[state=closed]:univer-zoom-out-95
                       data-[side=bottom]:univer-slide-in-from-top-2
                       data-[side=left]:univer-slide-in-from-right-2
                       data-[side=right]:univer-slide-in-from-left-2
                       data-[side=top]:univer-slide-in-from-bottom-2
-                      data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-                      data-[state=closed]:univer-zoom-out-95
-                      data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
-                      data-[state=open]:univer-zoom-in-95
+                      dark:!univer-bg-gray-900 dark:!univer-text-white dark:focus-visible:!univer-border-gray-600
                     `,
                     borderClassName,
                     scrollbarClassName,
diff --git a/packages/design/src/components/form-layout/FormLayout.tsx b/packages/design/src/components/form-layout/FormLayout.tsx
index 9307d24c1c..00b92e0cec 100644
--- a/packages/design/src/components/form-layout/FormLayout.tsx
+++ b/packages/design/src/components/form-layout/FormLayout.tsx
@@ -80,9 +80,9 @@ export const FormLayout = (props: IFormLayoutProps) => {
                                 ? (
                                     <div
                                         className={clsx(`
+                                          last:univer-mb-0
                                           [&_[data-u-comp=input]]:univer-w-full
                                           [&_[data-u-comp=select]]:univer-w-full
-                                          last:univer-mb-0
                                         `, {
                                             '[&_[data-u-comp=input]]:univer-border-red-500': error,
                                             '[&_[data-u-comp=select]]:univer-border-red-500': error,
diff --git a/packages/design/src/components/gallery/Gallery.tsx b/packages/design/src/components/gallery/Gallery.tsx
index e751822472..166447e6f4 100644
--- a/packages/design/src/components/gallery/Gallery.tsx
+++ b/packages/design/src/components/gallery/Gallery.tsx
@@ -83,18 +83,20 @@ export function Gallery(props: IGalleryProps) {
 
             {/* Content */}
             <div className="univer-relative">
-                <img
-                    className={`
-                      univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300
-                      univer-ease-out
-                    `}
-                    style={{
-                        transform: `scale(${zoomLevel})`,
-                    }}
-                    src={activeImage}
-                    alt="gallery"
-                    draggable={false}
-                />
+                {activeImage && (
+                    <img
+                        className={`
+                          univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300
+                          univer-ease-out
+                        `}
+                        style={{
+                            transform: `scale(${zoomLevel})`,
+                        }}
+                        src={activeImage}
+                        alt="gallery"
+                        draggable={false}
+                    />
+                )}
             </div>
 
             {/* Toolbar */}
diff --git a/packages/design/src/components/hover-card/HoverCard.stories.tsx b/packages/design/src/components/hover-card/HoverCard.stories.tsx
index 5fe3146729..5365bcfe05 100644
--- a/packages/design/src/components/hover-card/HoverCard.stories.tsx
+++ b/packages/design/src/components/hover-card/HoverCard.stories.tsx
@@ -58,8 +58,8 @@ export const Playground = {
                     <a
                         className={clsx(`
                           univer-cursor-pointer univer-rounded-lg univer-px-4 univer-py-2 univer-transition-all
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, borderClassName)}
                     >
                         Click me
diff --git a/packages/design/src/components/hover-card/HoverCardPrimitive.tsx b/packages/design/src/components/hover-card/HoverCardPrimitive.tsx
index 10a6732ff7..43874b5177 100644
--- a/packages/design/src/components/hover-card/HoverCardPrimitive.tsx
+++ b/packages/design/src/components/hover-card/HoverCardPrimitive.tsx
@@ -36,16 +36,16 @@ const HoverCardContent = forwardRef<
         sideOffset={sideOffset}
         className={clsx(
             `
-              univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md
-              univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none
-              dark:!univer-bg-gray-900 dark:!univer-text-white
+              data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95
+              data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+              data-[state=closed]:univer-zoom-out-95
               data-[side=bottom]:univer-slide-in-from-top-2
               data-[side=left]:univer-slide-in-from-right-2
               data-[side=right]:univer-slide-in-from-left-2
               data-[side=top]:univer-slide-in-from-bottom-2
-              data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-              data-[state=closed]:univer-zoom-out-95
-              data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95
+              univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md
+              univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none
+              dark:!univer-bg-gray-900 dark:!univer-text-white
             `,
             borderClassName,
             className
diff --git a/packages/design/src/components/input/Input.tsx b/packages/design/src/components/input/Input.tsx
index e9c21bd118..64f9f6a27d 100644
--- a/packages/design/src/components/input/Input.tsx
+++ b/packages/design/src/components/input/Input.tsx
@@ -27,9 +27,9 @@ type InputProps = InputHTMLAttributes<HTMLInputElement>;
 export const inputVariants = cva(
     `
       univer-box-border univer-w-full univer-rounded-md univer-bg-white univer-transition-colors univer-duration-200
-      dark:!univer-bg-gray-700 dark:!univer-text-white dark:focus:!univer-ring-primary-900
-      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50
       placeholder:univer-text-gray-400
+      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50
+      dark:!univer-bg-gray-700 dark:!univer-text-white dark:focus:!univer-ring-primary-900
     `,
     {
         variants: {
@@ -170,8 +170,8 @@ export const Input = forwardRef<HTMLInputElement, IInputProps>(
                                   univer-flex univer-size-4 univer-cursor-pointer univer-items-center
                                   univer-rounded-full univer-border-none univer-bg-transparent univer-p-1
                                   univer-text-gray-400 univer-transition-colors univer-duration-200
-                                  focus:univer-outline-none
                                   hover:univer-text-gray-500
+                                  focus:univer-outline-none
                                 `}
                             >
                                 <CloseIcon className="univer-size-3" />
diff --git a/packages/design/src/components/menu/Menu.tsx b/packages/design/src/components/menu/Menu.tsx
index ac66e916f7..20dd40f74f 100644
--- a/packages/design/src/components/menu/Menu.tsx
+++ b/packages/design/src/components/menu/Menu.tsx
@@ -70,7 +70,7 @@ export function TinyMenuGroup({ items }: ITinyMenuGroupProps) {
     return (
         <div
             className={`
-              univer-flex univer-flex-wrap univer-gap-2.5 univer-menu-item-group univer-p-1 univer-pl-0 univer-pr-0
+              univer-menu-item-group univer-flex univer-flex-wrap univer-gap-2.5 univer-p-1 univer-pl-0 univer-pr-0
             `}
         >
             {items.map((item) => {
@@ -80,8 +80,8 @@ export function TinyMenuGroup({ items }: ITinyMenuGroupProps) {
                         className={clsx(`
                           univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center
                           univer-rounded-md
-                          dark:hover:!univer-bg-gray-900
                           hover:univer-bg-gray-50
+                          dark:hover:!univer-bg-gray-900
                         `, {
                             'univer-bg-gray-50 dark:!univer-bg-gray-900': item.active,
                         }, item.className)}
diff --git a/packages/design/src/components/message/Message.tsx b/packages/design/src/components/message/Message.tsx
index 24aa57c36f..6db00a38fe 100644
--- a/packages/design/src/components/message/Message.tsx
+++ b/packages/design/src/components/message/Message.tsx
@@ -58,9 +58,9 @@ const Message = ({ content, type = MessageType.Info }: IMessageProps) => {
         <div
             className={clsx(
                 `
-                  univer-min-w-[320px] univer-max-w-[480px] univer-rounded-xl univer-border univer-border-solid
-                  univer-border-gray-200 univer-bg-white univer-p-4 univer-font-sans univer-shadow-md
-                  univer-transition-all univer-duration-300 univer-animate-in univer-fade-in univer-slide-in-from-top-4
+                  univer-animate-in univer-fade-in univer-slide-in-from-top-4 univer-min-w-[320px] univer-max-w-[480px]
+                  univer-rounded-xl univer-border univer-border-solid univer-border-gray-200 univer-bg-white univer-p-4
+                  univer-font-sans univer-shadow-md univer-transition-all univer-duration-300
                   dark:!univer-border-gray-600 dark:!univer-bg-gray-700
                 `
             )}
diff --git a/packages/design/src/components/pager/Pager.tsx b/packages/design/src/components/pager/Pager.tsx
index f8902b8dc2..03486ab067 100644
--- a/packages/design/src/components/pager/Pager.tsx
+++ b/packages/design/src/components/pager/Pager.tsx
@@ -71,8 +71,8 @@ export function Pager(props: IPagerProps) {
                             data-u-comp="pager-left-arrow"
                             className={`
                               univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded
-                              dark:hover:!univer-bg-gray-600
                               hover:univer-bg-gray-50
+                              dark:hover:!univer-bg-gray-600
                             `}
                             role="button"
                             onClick={onClickLeftArrow}
@@ -84,8 +84,8 @@ export function Pager(props: IPagerProps) {
                             data-u-comp="pager-right-arrow"
                             className={`
                               univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded
-                              dark:hover:!univer-bg-gray-600
                               hover:univer-bg-gray-50
+                              dark:hover:!univer-bg-gray-600
                             `}
                             role="button"
                             onClick={onClickRightArrow}
diff --git a/packages/design/src/components/segmented/Segmented.tsx b/packages/design/src/components/segmented/Segmented.tsx
index 72aee8d89c..72d9b3edaf 100644
--- a/packages/design/src/components/segmented/Segmented.tsx
+++ b/packages/design/src/components/segmented/Segmented.tsx
@@ -106,8 +106,8 @@ export function Segmented<T extends ItemValue = ItemValue>({
         >
             <div
                 className={`
-                  univer-absolute univer-h-6 univer-rounded-md univer-bg-white univer-shadow-sm univer-transition-all
-                  univer-duration-200 univer-animate-univer-slide
+                  univer-animate-univer-slide univer-absolute univer-h-6 univer-rounded-md univer-bg-white
+                  univer-shadow-sm univer-transition-all univer-duration-200
                   dark:!univer-bg-gray-700 dark:!univer-text-gray-400
                 `}
                 style={slideStyle}
@@ -125,7 +125,7 @@ export function Segmented<T extends ItemValue = ItemValue>({
                       univer-transition-colors
                     `, {
                         'univer-text-gray-900 dark:!univer-text-white': selectedItem === item.value,
-                        'univer-text-gray-500 dark:hover:!univer-text-white hover:univer-text-gray-900': selectedItem !== item.value,
+                        'univer-text-gray-500 hover:univer-text-gray-900 dark:hover:!univer-text-white': selectedItem !== item.value,
                     })}
                     type="button"
                     onClick={() => handleClick(item.value)}
diff --git a/packages/design/src/components/select-list/SelectList.tsx b/packages/design/src/components/select-list/SelectList.tsx
index fd7e5c0b37..ba68e5c3c1 100644
--- a/packages/design/src/components/select-list/SelectList.tsx
+++ b/packages/design/src/components/select-list/SelectList.tsx
@@ -97,8 +97,8 @@ export function SelectList(props: ISelectListProps) {
                               univer-relative univer-block univer-cursor-pointer univer-select-none univer-rounded
                               univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-sm univer-text-gray-900
                               univer-transition-colors
-                              dark:!univer-text-white dark:hover:!univer-bg-gray-600
                               hover:univer-bg-gray-100
+                              dark:!univer-text-white dark:hover:!univer-bg-gray-600
                             `, optionClassName, {
                                 'univer-bg-gray-200 dark:!univer-bg-gray-500': checked,
                             })}
diff --git a/packages/design/src/components/select/Select.tsx b/packages/design/src/components/select/Select.tsx
index bd3a330956..4a6b2a452c 100644
--- a/packages/design/src/components/select/Select.tsx
+++ b/packages/design/src/components/select/Select.tsx
@@ -146,7 +146,7 @@ export function Select(props: ISelectProps) {
 
     return (
         <DropdownMenu
-            className="univer-w-[var(--radix-popper-anchor-width)] univer-min-w-36 max-h"
+            className="max-h univer-w-[var(--radix-popper-anchor-width)] univer-min-w-36"
             align="start"
             open={open}
             items={items}
diff --git a/packages/design/src/components/separator/Separator.tsx b/packages/design/src/components/separator/Separator.tsx
index 93c625b795..cadbe2e84c 100644
--- a/packages/design/src/components/separator/Separator.tsx
+++ b/packages/design/src/components/separator/Separator.tsx
@@ -32,9 +32,9 @@ function Separator({
             className={clsx(
                 `
                   univer-shrink-0 univer-bg-gray-200
-                  dark:!univer-bg-gray-600
                   data-[orientation=horizontal]:univer-h-px data-[orientation=horizontal]:univer-w-full
                   data-[orientation=vertical]:univer-h-full data-[orientation=vertical]:univer-w-px
+                  dark:!univer-bg-gray-600
                 `,
                 className
             )}
diff --git a/packages/design/src/components/toaster/Toaster.tsx b/packages/design/src/components/toaster/Toaster.tsx
index 5bc4262ed9..84e7df3aae 100644
--- a/packages/design/src/components/toaster/Toaster.tsx
+++ b/packages/design/src/components/toaster/Toaster.tsx
@@ -23,12 +23,12 @@ const Toaster = ({ visibleToasts, ...props }: IToasterProps) => {
     return (
         <Sonner
             className={`
+              dark:![&_[data-description]]:univer-text-gray-200
               [&_[data-description]]:univer-text-sm [&_[data-description]]:univer-text-gray-600
-              [&_[data-icon]]:univer-self-baseline
               [&_[data-icon]>svg]:univer-relative [&_[data-icon]>svg]:univer-top-1
+              [&_[data-icon]]:univer-self-baseline
               [&_[data-sonner-toast]]:univer-shadow-md
               [&_[data-title]]:univer-text-sm [&_[data-title]]:univer-text-gray-900
-              dark:![&_[data-description]]:univer-text-gray-200
             `}
             toastOptions={{
                 classNames: {
diff --git a/packages/design/src/components/tooltip/TooltipPrimitive.tsx b/packages/design/src/components/tooltip/TooltipPrimitive.tsx
index c31657fa03..e2b733da3f 100644
--- a/packages/design/src/components/tooltip/TooltipPrimitive.tsx
+++ b/packages/design/src/components/tooltip/TooltipPrimitive.tsx
@@ -35,15 +35,15 @@ const TooltipContent = forwardRef<
             sideOffset={sideOffset}
             className={clsx(
                 `
-                  univer-z-[1080] univer-box-border univer-w-fit univer-text-balance univer-rounded-lg
-                  univer-bg-gray-700 univer-px-3 univer-py-2.5 univer-text-xs univer-font-medium univer-text-white
-                  univer-animate-in univer-fade-in-0 univer-zoom-in-95
+                  univer-animate-in univer-fade-in-0 univer-zoom-in-95 univer-z-[1080] univer-box-border univer-w-fit
+                  univer-text-balance univer-rounded-lg univer-bg-gray-700 univer-px-3 univer-py-2.5 univer-text-xs
+                  univer-font-medium univer-text-white
+                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
+                  data-[state=closed]:univer-zoom-out-95
                   data-[side=bottom]:univer-slide-in-from-top-2
                   data-[side=left]:univer-slide-in-from-right-2
                   data-[side=right]:univer-slide-in-from-left-2
                   data-[side=top]:univer-slide-in-from-bottom-2
-                  data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
-                  data-[state=closed]:univer-zoom-out-95
                 `,
                 className
             )}
diff --git a/packages/docs-quick-insert-ui/src/views/menu/index.tsx b/packages/docs-quick-insert-ui/src/views/menu/index.tsx
index ee24b5c3e9..dc6ad0922f 100644
--- a/packages/docs-quick-insert-ui/src/views/menu/index.tsx
+++ b/packages/docs-quick-insert-ui/src/views/menu/index.tsx
@@ -80,8 +80,8 @@ export const QuickInsertButton = ({ className = '' }: IQuickInsertButtonProps) =
             className={clsx(`
               univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full
               univer-p-1.5 univer-shadow-sm
-              dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700
               hover:univer-bg-gray-100
+              dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700
             `, borderClassName, {
                 'univer-bg-gray-100 dark:!univer-bg-gray-700': editPopup,
                 'univer-bg-white dark:!univer-bg-gray-900': !editPopup,
diff --git a/packages/docs-ui/src/components/paragraph-menu/index.tsx b/packages/docs-ui/src/components/paragraph-menu/index.tsx
index d910b17827..a315e9faf5 100644
--- a/packages/docs-ui/src/components/paragraph-menu/index.tsx
+++ b/packages/docs-ui/src/components/paragraph-menu/index.tsx
@@ -66,8 +66,8 @@ export const ParagraphMenu = ({ popup }: { popup: IPopup }) => {
                 className={clsx(`
                   univer-mr-1 univer-inline-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1
                   univer-rounded-full univer-px-2.5 univer-py-0
-                  dark:hover:!univer-bg-gray-600
                   hover:univer-bg-gray-100
+                  dark:hover:!univer-bg-gray-600
                 `, borderClassName, {
                     'univer-bg-gray-100 dark:!univer-bg-gray-700': visible,
                     'univer-bg-white dark:!univer-bg-gray-700': !visible,
diff --git a/packages/docs-ui/src/views/paragraph-setting/Setting.tsx b/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
index 900bef50d7..6dcaf3cc7e 100644
--- a/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
+++ b/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
@@ -106,9 +106,9 @@ export function ParagraphSetting() {
                         <Tooltip title={item.label} key={item.value} placement="bottom">
                             <span
                                 className={clsx(`
+                                  hover:univer-bg-black/60
                                   univer-flex univer-cursor-pointer univer-items-center univer-justify-center
                                   univer-rounded univer-bg-none univer-px-3 univer-py-1
-                                  hover:univer-bg-black/60
                                 `, {
                                     'univer-bg-blend-color-dodge/90': horizontalAlignValue === item.value,
                                 })}
@@ -123,14 +123,14 @@ export function ParagraphSetting() {
             </div>
             <div className="univer-t-4 univer-text-sm univer-font-medium">{localeService.t('doc.paragraphSetting.indentation')}</div>
             <div>
-                <div className="univer-flex univer-justify-between univer-item-center">
+                <div className="univer-item-center univer-flex univer-justify-between">
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.left')}
                         (px)
                     </div>
                     <AutoFocusInputNumber className="univer-mt-4" value={indentStart} onChange={(v) => setIndentStart(v ?? 0)} />
                 </div>
-                <div className="univer-flex univer-justify-between univer-item-center">
+                <div className="univer-item-center univer-flex univer-justify-between">
 
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.right')}
@@ -138,7 +138,7 @@ export function ParagraphSetting() {
                     </div>
                     <AutoFocusInputNumber className="univer-mt-4" value={indentEnd} onChange={(v) => setIndentEnd(v ?? 0)} />
                 </div>
-                <div className="univer-flex univer-justify-between univer-item-center">
+                <div className="univer-item-center univer-flex univer-justify-between">
 
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.firstLine')}
@@ -146,7 +146,7 @@ export function ParagraphSetting() {
                     </div>
                     <AutoFocusInputNumber className="univer-mt-4" value={indentFirstLine} onChange={(v) => setIndentFirstLine(v ?? 0)} />
                 </div>
-                <div className="univer-flex univer-justify-between univer-item-center">
+                <div className="univer-item-center univer-flex univer-justify-between">
 
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.hanging')}
@@ -157,7 +157,7 @@ export function ParagraphSetting() {
             </div>
             <div className="univer-t-4 univer-text-sm univer-font-medium">{localeService.t('doc.paragraphSetting.spacing')}</div>
             <div>
-                <div className="univer-flex univer-justify-betweenuniver-item-center">
+                <div className="univer-justify-betweenuniver-item-center univer-flex">
 
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.before')}
@@ -165,7 +165,7 @@ export function ParagraphSetting() {
                     </div>
                     <AutoFocusInputNumber className="univer-mt-4" value={spaceAbove} onChange={(v) => setSpaceAbove(v ?? 0)} />
                 </div>
-                <div className="univer-flex univer-justify-between univer-item-center">
+                <div className="univer-item-center univer-flex univer-justify-between">
 
                     <div className="univer-mt-3 univer-text-xs">
                         {localeService.t('doc.paragraphSetting.after')}
@@ -173,7 +173,7 @@ export function ParagraphSetting() {
                     </div>
                     <AutoFocusInputNumber className="univer-mt-4" value={spaceBelow} onChange={(v) => setSpaceBelow(v ?? 0)} />
                 </div>
-                <div className="univer-flex univer-justify-between item-center">
+                <div className="item-center univer-flex univer-justify-between">
                     <div className="univer-mt-3 univer-text-xs">{localeService.t('doc.paragraphSetting.lineSpace')}</div>
                     <div
                         className="univer-mt-4 univer-flex univer-w-[162px] univer-flex-col univer-gap-1.5"
diff --git a/packages/drawing-ui/src/views/image-popup-menu/ImagePopupMenu.tsx b/packages/drawing-ui/src/views/image-popup-menu/ImagePopupMenu.tsx
index ce51fdbf67..da72675821 100644
--- a/packages/drawing-ui/src/views/image-popup-menu/ImagePopupMenu.tsx
+++ b/packages/drawing-ui/src/views/image-popup-menu/ImagePopupMenu.tsx
@@ -91,8 +91,8 @@ export function ImagePopupMenu(props: IImagePopupMenuProps) {
                 <div
                     className={clsx(`
                       univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                      dark:hover:!univer-bg-gray-800
                       hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-800
                     `, borderClassName, {
                         'univer-bg-gray-100 dark:!univer-bg-gray-800': visible,
                         'univer-bg-white dark:!univer-bg-gray-900': !visible,
diff --git a/packages/find-replace/src/views/dialog/FindReplaceDialog.tsx b/packages/find-replace/src/views/dialog/FindReplaceDialog.tsx
index fe15fd9f7a..aac4fd4f51 100644
--- a/packages/find-replace/src/views/dialog/FindReplaceDialog.tsx
+++ b/packages/find-replace/src/views/dialog/FindReplaceDialog.tsx
@@ -85,8 +85,8 @@ export const FindDialog = forwardRef(function FindDialogImpl(_props, ref) {
             <div className="univer-mt-4 univer-text-center">
                 <a
                     className={`
-                      univer-cursor-pointer univer-text-sm univer-text-primary-500 univer-transition-colors
                       hover:univer-text-primary-500/80
+                      univer-cursor-pointer univer-text-sm univer-text-primary-500 univer-transition-colors
                     `}
                     onClick={revealReplace}
                 >
diff --git a/packages/sheets-conditional-formatting-ui/src/components/color-picker/index.tsx b/packages/sheets-conditional-formatting-ui/src/components/color-picker/index.tsx
index 38b14bf56c..071945b6d9 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/color-picker/index.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/color-picker/index.tsx
@@ -56,8 +56,8 @@ export const ColorPicker = (props: IColorPickerProps) => {
                 <span
                     className={clsx(`
                       univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1
-                      dark:hover:!univer-bg-gray-700
                       hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-700
                     `, className)}
                 >
                     {renderIcon()}
diff --git a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/ColorScale.tsx b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/ColorScale.tsx
index 7906e5e592..ba3273c97d 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/ColorScale.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/ColorScale.tsx
@@ -71,10 +71,10 @@ const TextInput = (props: { id: string; type: CFValueType | 'none'; value: numbe
                     className={clsx(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
                       univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
                       [&>div:first-child]:univer-px-2.5
                       [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                      dark:!univer-bg-gray-700 dark:!univer-text-white
-                      hover:univer-border-primary-600
                     `, borderClassName)}
                     initValue={formulaInitValue as any}
                     unitId={unitId}
@@ -306,8 +306,8 @@ export const ColorScaleStyleEditor = (props: IStyleEditorProps) => {
             </div>
             <div
                 className={`
-                  univer-mt-3 univer-text-xs
                   univer-text-gray-600dark:!univer-text-gray-200
+                  univer-mt-3 univer-text-xs
                 `}
             >
                 {localeService.t('sheet.cf.panel.medianValue')}
diff --git a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/DataBar.tsx b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/DataBar.tsx
index 2508590060..d3e3d40be1 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/DataBar.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/DataBar.tsx
@@ -67,10 +67,10 @@ const InputText = (props: { disabled?: boolean; id: string; className: string; t
                     className={clsx(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
                       univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
                       [&>div:first-child]:univer-px-2.5
                       [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                      dark:!univer-bg-gray-700 dark:!univer-text-white
-                      hover:univer-border-primary-600
                     `, borderClassName)}
                     initValue={v as any}
                     unitId={unitId}
diff --git a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/Formula.tsx b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/Formula.tsx
index b9d2464d43..0bf0e69c97 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/Formula.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/Formula.tsx
@@ -110,10 +110,10 @@ export const FormulaStyleEditor = (props: IStyleEditorProps) => {
                     className={clsx(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
                       univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
                       [&>div:first-child]:univer-px-2.5
                       [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                      dark:!univer-bg-gray-700 dark:!univer-text-white
-                      hover:univer-border-primary-600
                     `, borderClassName)}
                     errorText={formulaError}
                     isFocus={isFocusFormulaEditor}
diff --git a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/IconSet.tsx b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/IconSet.tsx
index 5525c8ae49..a24478ab9c 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/IconSet.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-edit/IconSet.tsx
@@ -129,8 +129,8 @@ const IconGroupList = forwardRef<HTMLDivElement, IIconGroupListProps>((props, re
                                         <a
                                             className={`
                                               univer-cursor-pointer univer-rounded
-                                              dark:hover:!univer-bg-gray-700
                                               hover:univer-bg-gray-100
+                                              dark:hover:!univer-bg-gray-700
                                             `}
                                         >
                                             {groupItem.list.map((base64, index) => (
@@ -193,8 +193,8 @@ const IconItemList = (props: { onClick: (iconType: IIconType, iconId: string) =>
                         className={`
                           univer-mb-2 univer-mr-2 univer-flex univer-cursor-pointer univer-items-center
                           univer-justify-center univer-rounded
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `}
                     >
                         <img
@@ -309,8 +309,8 @@ const IconSetRuleEdit = (props: {
                                       univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
                                       univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2
                                       univer-text-xs univer-text-gray-600 univer-transition-all
-                                      dark:!univer-text-gray-200
                                       hover:univer-border-primary-600
+                                      dark:!univer-text-gray-200
                                     `, borderClassName)}
                                 >
                                     {icon
diff --git a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-list/index.tsx b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-list/index.tsx
index 511b8ab9ce..3767a77c6a 100644
--- a/packages/sheets-conditional-formatting-ui/src/components/panel/rule-list/index.tsx
+++ b/packages/sheets-conditional-formatting-ui/src/components/panel/rule-list/index.tsx
@@ -381,8 +381,8 @@ export const RuleList = (props: IRuleListProps) => {
                                         className={clsx(`
                                           univer-group univer-relative univer-flex univer-items-center
                                           univer-justify-between univer-rounded univer-py-2 univer-pl-5 univer-pr-8
-                                          dark:hover:!univer-bg-gray-700
                                           hover:univer-bg-gray-100
+                                          dark:hover:!univer-bg-gray-700
                                         `, {
                                             'univer-bg-gray-100 dark:!univer-bg-gray-700': draggingId === index,
                                         })}
@@ -430,8 +430,8 @@ export const RuleList = (props: IRuleListProps) => {
                                               univer-absolute univer-right-1 univer-hidden univer-size-6
                                               univer-cursor-pointer univer-items-center univer-justify-center
                                               univer-rounded
-                                              group-hover:univer-flex
                                               hover:univer-bg-gray-200
+                                              group-hover:univer-flex
                                             `, {
                                                 'univer-flex univer-items-center univer-justify-center': draggingId === index,
                                             })}
diff --git a/packages/sheets-crosshair-highlight/src/views/components/CrosshairHighlight.tsx b/packages/sheets-crosshair-highlight/src/views/components/CrosshairHighlight.tsx
index c2fcae4c13..a50fe6c2fe 100644
--- a/packages/sheets-crosshair-highlight/src/views/components/CrosshairHighlight.tsx
+++ b/packages/sheets-crosshair-highlight/src/views/components/CrosshairHighlight.tsx
@@ -41,9 +41,9 @@ export function CrosshairOverlay(props: ICrosshairOverlayProps) {
                     <div
                         key={color}
                         className={clsx(`
+                          hover:univer-ring-primary-600/40 hover:univer-ring-[1.5px]
                           univer-box-border univer-size-5 univer-cursor-pointer univer-rounded univer-ring-offset-1
                           univer-transition-shadow
-                          hover:univer-ring-[1.5px] hover:univer-ring-primary-600/40
                         `, borderClassName, {
                             'univer-ring-[1.5px] univer-ring-primary-600 hover:univer-ring-primary-600': color === currentColor,
                         })}
diff --git a/packages/sheets-data-validation-ui/src/views/components/formula-input/CustomFormulaInput.tsx b/packages/sheets-data-validation-ui/src/views/components/formula-input/CustomFormulaInput.tsx
index 78512f3240..9774831b78 100644
--- a/packages/sheets-data-validation-ui/src/views/components/formula-input/CustomFormulaInput.tsx
+++ b/packages/sheets-data-validation-ui/src/views/components/formula-input/CustomFormulaInput.tsx
@@ -39,10 +39,10 @@ export function CustomFormulaInput(props: IFormulaInputProps) {
                 className={clsx(`
                   univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg
                   univer-bg-white univer-pt-2 univer-transition-colors
+                  hover:univer-border-primary-600
+                  dark:!univer-bg-gray-700 dark:!univer-text-white
                   [&>div:first-child]:univer-px-2.5
                   [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                  dark:!univer-bg-gray-700 dark:!univer-text-white
-                  hover:univer-border-primary-600
                 `, borderClassName)}
                 initValue={value?.formula1 ?? '=' as any}
                 unitId={unitId}
diff --git a/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx b/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
index 0af134b7a1..5e3f58902c 100644
--- a/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
+++ b/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
@@ -106,8 +106,8 @@ const ColorSelect = (props: IColorSelectProps) => {
                   univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center
                   univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5
                   univer-transition-colors univer-duration-200
-                  dark:!univer-bg-gray-700 dark:!univer-text-white
                   hover:univer-border-primary-600
+                  dark:!univer-bg-gray-700 dark:!univer-text-white
                 `, borderClassName)}
             >
                 <div
@@ -356,10 +356,10 @@ export function ListFormulaInput(props: IFormulaInputProps) {
                             className={clsx(`
                               univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
                               univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                              hover:univer-border-primary-600
+                              dark:!univer-bg-gray-700 dark:!univer-text-white
                               [&>div:first-child]:univer-px-2.5
                               [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                              dark:!univer-bg-gray-700 dark:!univer-text-white
-                              hover:univer-border-primary-600
                             `, borderClassName)}
                             initValue={formulaStr as any}
                             unitId={unitId}
@@ -412,10 +412,10 @@ export function ListFormulaInput(props: IFormulaInputProps) {
                             />
                             <a
                                 className={`
-                                  univer-flex univer-w-fit univer-cursor-pointer univer-flex-row univer-items-center
-                                  univer-rounded univer-p-1 univer-px-2 univer-text-sm univer-text-primary
-                                  dark:hover:!univer-bg-gray-800
+                                  univer-text-primary univer-flex univer-w-fit univer-cursor-pointer univer-flex-row
+                                  univer-items-center univer-rounded univer-p-1 univer-px-2 univer-text-sm
                                   hover:univer-bg-primary-50
+                                  dark:hover:!univer-bg-gray-800
                                 `}
                                 onClick={handleAdd}
                             >
diff --git a/packages/sheets-data-validation-ui/src/views/components/item/index.tsx b/packages/sheets-data-validation-ui/src/views/components/item/index.tsx
index e63887afa5..d47e4f5ee2 100644
--- a/packages/sheets-data-validation-ui/src/views/components/item/index.tsx
+++ b/packages/sheets-data-validation-ui/src/views/components/item/index.tsx
@@ -77,12 +77,12 @@ export const DataValidationItem = (props: IDataValidationDetailProps) => {
         <div
             className={clsx(
                 `
-                  univer-rounded-md univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border
-                  univer-flex univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between
-                  univer-overflow-hidden univer-p-2 univer-pr-9
+                  univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border univer-flex
+                  univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden
+                  univer-rounded-md univer-p-2 univer-pr-9
                 `,
                 {
-                    'dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-50': !disable,
+                    'hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700': !disable,
                     'univer-opacity-50': disable,
                 }
             )}
@@ -126,8 +126,8 @@ export const DataValidationItem = (props: IDataValidationDetailProps) => {
                         className={`
                           univer-absolute univer-right-2 univer-top-[19px] univer-flex univer-h-5 univer-w-5
                           univer-items-center univer-justify-center univer-rounded
-                          dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-200
+                          dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700
                         `}
                         onClick={handleDelete}
                     >
diff --git a/packages/sheets-formula-ui/src/views/formula-editor/help-function/HelpFunction.tsx b/packages/sheets-formula-ui/src/views/formula-editor/help-function/HelpFunction.tsx
index c4166e32fa..2bd3d3451f 100644
--- a/packages/sheets-formula-ui/src/views/formula-editor/help-function/HelpFunction.tsx
+++ b/packages/sheets-formula-ui/src/views/formula-editor/help-function/HelpFunction.tsx
@@ -135,8 +135,9 @@ export function HelpFunction(props: IHelpFunctionProps) {
                     >
                         <div
                             className={clsx(`
-                              univer-box-border univer-flex univer-items-center univer-justify-between univer-px-4
-                              univer-py-3 univer-text-xs univer-font-medium univer-text-gray-900 univer-wrap-anywhere
+                              univer-wrap-anywhere univer-box-border univer-flex univer-items-center
+                              univer-justify-between univer-px-4 univer-py-3 univer-text-xs univer-font-medium
+                              univer-text-gray-900
                               dark:!univer-text-white
                             `, borderTopClassName)}
                         >
@@ -153,8 +154,8 @@ export function HelpFunction(props: IHelpFunctionProps) {
                                       univer-items-center univer-justify-center univer-rounded univer-bg-transparent
                                       univer-p-0 univer-text-xs univer-text-gray-500 univer-outline-none
                                       univer-transition-colors
-                                      dark:hover:!univer-bg-gray-600
                                       hover:univer-bg-gray-200
+                                      dark:hover:!univer-bg-gray-600
                                     `}
                                     style={{ transform: contentVisible ? 'rotateZ(-90deg)' : 'rotateZ(90deg)' }}
                                     onClick={() => setContentVisible(!contentVisible)}
@@ -167,8 +168,8 @@ export function HelpFunction(props: IHelpFunctionProps) {
                                       univer-items-center univer-justify-center univer-rounded univer-bg-transparent
                                       univer-p-0 univer-text-xs univer-text-gray-600 univer-outline-none
                                       univer-transition-colors
-                                      dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-600
                                       hover:univer-bg-gray-300
+                                      dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-600
                                     `}
                                     onClick={onClose}
                                 >
diff --git a/packages/sheets-hyper-link-ui/src/views/CellLinkPopup/index.tsx b/packages/sheets-hyper-link-ui/src/views/CellLinkPopup/index.tsx
index 19a3cc0aca..2877a454d7 100644
--- a/packages/sheets-hyper-link-ui/src/views/CellLinkPopup/index.tsx
+++ b/packages/sheets-hyper-link-ui/src/views/CellLinkPopup/index.tsx
@@ -113,8 +113,8 @@ export const CellLinkPopupPure = (props: ICellLinkPopupPureProps) => {
                         className={clsx(`
                           univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row
                           univer-items-center univer-justify-center univer-rounded univer-text-base
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, { 'univer-text-red-500': isError })}
                         onClick={() => {
                             if (isError) {
@@ -144,8 +144,8 @@ export const CellLinkPopupPure = (props: ICellLinkPopupPureProps) => {
                             className={`
                               univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row
                               univer-items-center univer-justify-center univer-rounded univer-text-base
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `}
                             onClick={() => {
                                 commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
@@ -166,8 +166,8 @@ export const CellLinkPopupPure = (props: ICellLinkPopupPureProps) => {
                             className={`
                               univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row
                               univer-items-center univer-justify-center univer-rounded univer-text-base
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `}
                             onClick={() => {
                                 const commandId = (type === HyperLinkEditSourceType.EDITING || type === HyperLinkEditSourceType.ZEN_EDITOR) ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
diff --git a/packages/sheets-note-ui/src/views/note.tsx b/packages/sheets-note-ui/src/views/note.tsx
index 38bc908e1a..005271a378 100644
--- a/packages/sheets-note-ui/src/views/note.tsx
+++ b/packages/sheets-note-ui/src/views/note.tsx
@@ -131,8 +131,8 @@ export const SheetsNote = (props: { popup: IPopup<{ location: ISheetLocationBase
             className={clsx(`
               univer-resize-both univer-ml-px univer-rounded-md univer-bg-white univer-p-2 univer-text-gray-900
               univer-shadow
-              dark:!univer-bg-gray-800 dark:!univer-text-white
               focus:univer-outline-none
+              dark:!univer-bg-gray-800 dark:!univer-text-white
             `, borderClassName, scrollbarClassName)}
             style={{ width: note.width, height: note.height }}
             value={note.note}
diff --git a/packages/sheets-numfmt-ui/src/views/components/Currency.tsx b/packages/sheets-numfmt-ui/src/views/components/Currency.tsx
index aa7090902c..0b78caf0b5 100644
--- a/packages/sheets-numfmt-ui/src/views/components/Currency.tsx
+++ b/packages/sheets-numfmt-ui/src/views/components/Currency.tsx
@@ -95,7 +95,7 @@ export const CurrencyPanel: FC<IBusinessComponentProps> = (props) => {
                     </div>
                 </div>
             </div>
-            <div className="univer-mt-4 label">
+            <div className="label univer-mt-4">
                 {t('sheet.numfmt.negType')}
             </div>
 
diff --git a/packages/sheets-numfmt-ui/src/views/components/MoreNumfmtType.tsx b/packages/sheets-numfmt-ui/src/views/components/MoreNumfmtType.tsx
index 922d580084..e501dad0ac 100644
--- a/packages/sheets-numfmt-ui/src/views/components/MoreNumfmtType.tsx
+++ b/packages/sheets-numfmt-ui/src/views/components/MoreNumfmtType.tsx
@@ -87,8 +87,8 @@ export const Options = () => {
                         className={`
                           univer-flex univer-h-7 univer-items-center univer-justify-between univer-gap-6 univer-rounded
                           univer-px-2 univer-text-sm
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `}
                         onClick={() => {
                             handleOnclick(index);
diff --git a/packages/sheets-sort-ui/src/views/CustomSortPanel.tsx b/packages/sheets-sort-ui/src/views/CustomSortPanel.tsx
index f2b5bde980..881edb9a28 100644
--- a/packages/sheets-sort-ui/src/views/CustomSortPanel.tsx
+++ b/packages/sheets-sort-ui/src/views/CustomSortPanel.tsx
@@ -256,8 +256,8 @@ export function SortOptionItem(props: ISortOptionItemProps) {
                                           univer-relative univer-box-border univer-flex univer-h-7 univer-cursor-pointer
                                           univer-list-none univer-items-center univer-justify-between univer-rounded
                                           univer-px-2 univer-text-sm univer-transition-all
-                                          dark:hover:!univer-bg-gray-700
                                           hover:univer-bg-gray-100
+                                          dark:hover:!univer-bg-gray-700
                                         `}
                                     >
                                         <span className="univer-max-w-[220px] univer-truncate">
@@ -305,7 +305,7 @@ export function SortOptionItem(props: ISortOptionItemProps) {
                     <Radio value={SortType.DESC}>{localeService.t('sheets-sort.general.sort-desc')}</Radio>
                 </RadioGroup>
             </div>
-            <div className="univer-absolute univer-right-0 univer-cursor-pointer univer-text-sm univer-s-[14px]">
+            <div className="univer-s-[14px] univer-absolute univer-right-0 univer-cursor-pointer univer-text-sm">
                 {showDelete && <DeleteEmptyIcon onClick={() => onChange(null, currentIndex)} />}
             </div>
         </div>
diff --git a/packages/sheets-table-ui/src/views/components/SheetTableAnchor.tsx b/packages/sheets-table-ui/src/views/components/SheetTableAnchor.tsx
index 1836ff04bc..5af57431ce 100644
--- a/packages/sheets-table-ui/src/views/components/SheetTableAnchor.tsx
+++ b/packages/sheets-table-ui/src/views/components/SheetTableAnchor.tsx
@@ -135,8 +135,8 @@ export const SheetTableAnchor = () => {
                     <div
                         key={item.tableId}
                         className={clsx(`
-                          univer-absolute univer-box-border univer-cursor-pointer univer-items-center univer-rounded-xl
-                          univer-pl-2 univer-pr-2 univer-shadow-xs
+                          univer-shadow-xs univer-absolute univer-box-border univer-cursor-pointer univer-items-center
+                          univer-rounded-xl univer-pl-2 univer-pr-2
                         `, borderClassName, {
                             'univer-flex': !shouldHidden,
                             'univer-hidden': shouldHidden,
diff --git a/packages/sheets-table-ui/src/views/components/SheetTableConditionPanel.tsx b/packages/sheets-table-ui/src/views/components/SheetTableConditionPanel.tsx
index aff101523c..77769c4bd9 100644
--- a/packages/sheets-table-ui/src/views/components/SheetTableConditionPanel.tsx
+++ b/packages/sheets-table-ui/src/views/components/SheetTableConditionPanel.tsx
@@ -110,9 +110,9 @@ export const SheetTableConditionPanel = (props: IConditionFilterProps) => {
                       univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between
                       univer-rounded-md univer-bg-white univer-px-2 univer-text-sm univer-transition-colors
                       univer-duration-200
-                      dark:!univer-bg-gray-700 dark:!univer-text-white
-                      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2
                       hover:univer-border-primary-600
+                      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
                     `, borderClassName)}
                 >
                     <span>
diff --git a/packages/sheets-table-ui/src/views/components/SheetTableFilterPanel.tsx b/packages/sheets-table-ui/src/views/components/SheetTableFilterPanel.tsx
index e720d65c2b..8c37ca6bd2 100644
--- a/packages/sheets-table-ui/src/views/components/SheetTableFilterPanel.tsx
+++ b/packages/sheets-table-ui/src/views/components/SheetTableFilterPanel.tsx
@@ -201,7 +201,7 @@ export function SheetTableFilterPanel() {
             </div>
             <div
                 className={`
-                  univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-wrap-nowrap
+                  univer-flex-wrap-nowrap univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0
                   univer-justify-between univer-overflow-hidden
                 `}
             >
diff --git a/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx b/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
index 69ab714156..61c8069b0f 100644
--- a/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
+++ b/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
@@ -104,8 +104,8 @@ export function BorderPanel(props: IBorderPanelProps) {
                         className={clsx(`
                           univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center
                           univer-justify-self-center univer-rounded
-                          dark:hover:!univer-bg-gray-700
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, {
                             'univer-bg-gray-200 dark:!univer-bg-gray-600': borderStyleManagerService.getBorderInfo().type === item.value,
                         })}
@@ -134,8 +134,8 @@ export function BorderPanel(props: IBorderPanelProps) {
                             className={`
                               univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded
                               univer-border-none univer-bg-transparent univer-p-1
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `}
                             type="button"
                         >
@@ -162,8 +162,8 @@ export function BorderPanel(props: IBorderPanelProps) {
                                             className={`
                                               univer-flex univer-cursor-pointer univer-items-center
                                               univer-justify-center univer-rounded univer-px-1 univer-py-2
-                                              dark:hover:!univer-bg-gray-700
                                               hover:univer-bg-gray-100
+                                              dark:hover:!univer-bg-gray-700
                                             `}
                                             onClick={() => handleClick(item.value, 'style')}
                                         >
@@ -184,8 +184,8 @@ export function BorderPanel(props: IBorderPanelProps) {
                             className={`
                               univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded
                               univer-border-none univer-bg-transparent univer-p-1
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
                             `}
                             type="button"
                         >
diff --git a/packages/sheets-ui/src/views/auto-fill-popup-menu/AutoFillPopupMenu.tsx b/packages/sheets-ui/src/views/auto-fill-popup-menu/AutoFillPopupMenu.tsx
index 2ee3d6f17b..3f77e0885a 100644
--- a/packages/sheets-ui/src/views/auto-fill-popup-menu/AutoFillPopupMenu.tsx
+++ b/packages/sheets-ui/src/views/auto-fill-popup-menu/AutoFillPopupMenu.tsx
@@ -201,8 +201,8 @@ export function AutoFillPopupMenu() {
                     <div
                         className={clsx(`
                           univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                          dark:hover:!univer-bg-gray-800
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-800
                         `, borderClassName, {
                             'univer-bg-gray-100 dark:!univer-bg-gray-800': visible,
                             'univer-bg-white dark:!univer-bg-gray-900': !visible,
diff --git a/packages/sheets-ui/src/views/clipboard/ClipboardPopupMenu.tsx b/packages/sheets-ui/src/views/clipboard/ClipboardPopupMenu.tsx
index e791443829..daa68c34cb 100644
--- a/packages/sheets-ui/src/views/clipboard/ClipboardPopupMenu.tsx
+++ b/packages/sheets-ui/src/views/clipboard/ClipboardPopupMenu.tsx
@@ -160,8 +160,8 @@ export const ClipboardPopupMenu = () => {
                     <div
                         className={clsx(`
                           univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                          dark:hover:!univer-bg-gray-800
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-800
                         `, borderClassName, {
                             'univer-bg-gray-100 dark:!univer-bg-gray-800': visible,
                             'univer-bg-white dark:!univer-bg-gray-900': !visible,
diff --git a/packages/sheets-ui/src/views/defined-name/DefinedName.tsx b/packages/sheets-ui/src/views/defined-name/DefinedName.tsx
index c35ed3edaf..965c8f8249 100644
--- a/packages/sheets-ui/src/views/defined-name/DefinedName.tsx
+++ b/packages/sheets-ui/src/views/defined-name/DefinedName.tsx
@@ -52,8 +52,8 @@ export function DefinedName({ disable }: { disable: boolean }) {
                 className={clsx(`
                   univer-box-border univer-h-full univer-w-full univer-appearance-none univer-px-1.5
                   univer-text-gray-900
-                  dark:!univer-border-r-gray-700 dark:!univer-bg-gray-900 dark:!univer-text-white
                   focus:univer-outline-none
+                  dark:!univer-border-r-gray-700 dark:!univer-bg-gray-900 dark:!univer-text-white
                 `, borderRightClassName, {
                     'univer-cursor-not-allowed': disable,
                 })}
@@ -74,10 +74,10 @@ export function DefinedName({ disable }: { disable: boolean }) {
                     className={clsx(`
                       univer-absolute univer-right-0 univer-top-0 univer-flex univer-h-full univer-cursor-pointer
                       univer-items-center univer-justify-center univer-px-1 univer-transition-colors univer-duration-200
-                      dark:!univer-text-white dark:hover:!univer-bg-gray-800
                       hover:univer-bg-gray-100
+                      dark:!univer-text-white dark:hover:!univer-bg-gray-800
                     `, {
-                        'univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-700 hover:univer-bg-transparent': disable,
+                        'univer-cursor-not-allowed univer-text-gray-300 hover:univer-bg-transparent dark:!univer-text-gray-700': disable,
                     })}
                 >
                     <MoreDownIcon />
diff --git a/packages/sheets-ui/src/views/defined-name/DefinedNameContainer.tsx b/packages/sheets-ui/src/views/defined-name/DefinedNameContainer.tsx
index a110f4aa6c..5edea9bd88 100644
--- a/packages/sheets-ui/src/views/defined-name/DefinedNameContainer.tsx
+++ b/packages/sheets-ui/src/views/defined-name/DefinedNameContainer.tsx
@@ -218,8 +218,8 @@ export const DefinedNameContainer = () => {
                                 className={clsx(`
                                   univer-group univer-relative univer-flex univer-cursor-default univer-select-none
                                   univer-items-center univer-justify-between univer-rounded-md univer-p-2
-                                  dark:hover:!univer-bg-gray-700
                                   hover:univer-bg-gray-50
+                                  dark:hover:!univer-bg-gray-700
                                 `, {
                                     'univer-hidden': definedName.id === editorKey,
                                 })}
@@ -254,9 +254,9 @@ export const DefinedNameContainer = () => {
                                           -univer-translate-y-1/2 univer-cursor-pointer univer-items-center
                                           univer-justify-center univer-rounded univer-p-1 univer-text-xs
                                           univer-text-primary-600
-                                          dark:hover:!univer-bg-gray-600
-                                          group-hover:univer-flex
                                           hover:univer-bg-gray-100
+                                          group-hover:univer-flex
+                                          dark:hover:!univer-bg-gray-600
                                         `}
                                         onClick={(e) => {
                                             e.stopPropagation();
@@ -269,13 +269,13 @@ export const DefinedNameContainer = () => {
                                 <Tooltip title={localeService.t('definedName.deleteButton')} placement="top">
                                     <a
                                         className={`
-                                          univer-absolute univer-text-xs univer-text-error univer-right-5 univer-top-1/2
-                                          univer-hidden -univer-translate-y-1/2 univer-cursor-pointer
-                                          univer-items-center univer-justify-center univer-rounded univer-p-1
+                                          univer-text-error univer-absolute univer-right-5 univer-top-1/2 univer-hidden
+                                          -univer-translate-y-1/2 univer-cursor-pointer univer-items-center
+                                          univer-justify-center univer-rounded univer-p-1 univer-text-xs
                                           univer-text-red-600
-                                          dark:hover:!univer-bg-gray-600
-                                          group-hover:univer-flex
                                           hover:univer-bg-gray-100
+                                          group-hover:univer-flex
+                                          dark:hover:!univer-bg-gray-600
                                         `}
                                         onClick={(e) => {
                                             e.stopPropagation();
diff --git a/packages/sheets-ui/src/views/defined-name/DefinedNameInput.tsx b/packages/sheets-ui/src/views/defined-name/DefinedNameInput.tsx
index 72c7e300b0..811dbbbc45 100644
--- a/packages/sheets-ui/src/views/defined-name/DefinedNameInput.tsx
+++ b/packages/sheets-ui/src/views/defined-name/DefinedNameInput.tsx
@@ -246,10 +246,10 @@ export const DefinedNameInput = (props: IDefinedNameInputProps) => {
                                 className={clsx(`
                                   univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
                                   univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                                  hover:univer-border-primary-600
+                                  dark:!univer-bg-gray-700 dark:!univer-text-white
                                   [&>div:first-child]:univer-px-2.5
                                   [&>div]:univer-h-5 [&>div]:univer-ring-transparent
-                                  dark:!univer-bg-gray-700 dark:!univer-text-white
-                                  hover:univer-border-primary-600
                                 `, borderClassName)}
                                 initValue={formulaOrRefStringValue as any}
                                 unitId={unitId}
diff --git a/packages/sheets-ui/src/views/defined-name/DefinedNameOverlay.tsx b/packages/sheets-ui/src/views/defined-name/DefinedNameOverlay.tsx
index 8311d60191..48fc13b6dd 100644
--- a/packages/sheets-ui/src/views/defined-name/DefinedNameOverlay.tsx
+++ b/packages/sheets-ui/src/views/defined-name/DefinedNameOverlay.tsx
@@ -103,8 +103,8 @@ export function DefinedNameOverlay() {
                             key={index}
                             className={`
                               univer-cursor-pointer univer-px-2 univer-transition-colors univer-duration-200
-                              dark:hover:!univer-bg-gray-600
                               hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-600
                             `}
                             onClick={() => { focusDefinedName(definedName); }}
                         >
@@ -141,8 +141,8 @@ export function DefinedNameOverlay() {
             <div
                 className={`
                   univer-cursor-pointer univer-p-2 univer-transition-colors univer-duration-200
-                  dark:hover:!univer-bg-gray-600
                   hover:univer-bg-gray-100
+                  dark:hover:!univer-bg-gray-600
                 `}
                 onClick={openSlider}
             >
diff --git a/packages/sheets-ui/src/views/dropdown/list-dropdown/index.tsx b/packages/sheets-ui/src/views/dropdown/list-dropdown/index.tsx
index fb2ab5c931..c2b48332cb 100644
--- a/packages/sheets-ui/src/views/dropdown/list-dropdown/index.tsx
+++ b/packages/sheets-ui/src/views/dropdown/list-dropdown/index.tsx
@@ -112,8 +112,8 @@ const SelectList = (props: ISelectListProps) => {
                             className={`
                               univer-mt-1 univer-flex univer-cursor-pointer univer-flex-row univer-items-center
                               univer-justify-between univer-rounded-md univer-px-1.5 univer-py-1
-                              dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-50
+                              dark:hover:!univer-bg-gray-700
                             `}
                             onClick={handleClick}
                         >
@@ -162,8 +162,8 @@ const SelectList = (props: ISelectListProps) => {
                                 className={`
                                   univer-block univer-cursor-pointer univer-rounded univer-px-1.5 univer-py-1
                                   univer-text-xs
-                                  dark:hover:!univer-bg-gray-700
                                   hover:univer-bg-gray-200
+                                  dark:hover:!univer-bg-gray-700
                                 `}
                                 onClick={onEdit}
                             >
diff --git a/packages/sheets-ui/src/views/formula-bar/FormulaBar.tsx b/packages/sheets-ui/src/views/formula-bar/FormulaBar.tsx
index fd0b6e229d..f487745154 100644
--- a/packages/sheets-ui/src/views/formula-bar/FormulaBar.tsx
+++ b/packages/sheets-ui/src/views/formula-bar/FormulaBar.tsx
@@ -298,7 +298,7 @@ export function FormulaBar(props: IProps) {
                               univer-text-base
                               dark:!univer-text-white
                             `, {
-                                'univer-cursor-pointer univer-text-green-600 dark:!univer-text-green-400 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100': iconActivated,
+                                'univer-cursor-pointer univer-text-green-600 hover:univer-bg-gray-100 dark:!univer-text-green-400 dark:hover:!univer-bg-gray-700': iconActivated,
                             })}
                             onClick={handleCloseBtnClick}
                         >
@@ -310,7 +310,7 @@ export function FormulaBar(props: IProps) {
                               univer-text-base
                               dark:!univer-text-white
                             `, {
-                                'univer-cursor-pointer univer-text-red-600 dark:!univer-text-red-400 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100': iconActivated,
+                                'univer-cursor-pointer univer-text-red-600 hover:univer-bg-gray-100 dark:!univer-text-red-400 dark:hover:!univer-bg-gray-700': iconActivated,
                             })}
                             onClick={handleConfirmBtnClick}
                         >
@@ -320,8 +320,8 @@ export function FormulaBar(props: IProps) {
                             className={`
                               univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-rounded
                               univer-p-1 univer-text-base
-                              dark:!univer-text-white dark:hover:!univer-bg-gray-700
                               hover:univer-bg-gray-100
+                              dark:!univer-text-white dark:hover:!univer-bg-gray-700
                             `}
                             onClick={handlerFxBtnClick}
                         >
diff --git a/packages/sheets-ui/src/views/permission/panel-detail/PermissionDetailFooterPart.tsx b/packages/sheets-ui/src/views/permission/panel-detail/PermissionDetailFooterPart.tsx
index 2105bf6a68..2115c1179e 100644
--- a/packages/sheets-ui/src/views/permission/panel-detail/PermissionDetailFooterPart.tsx
+++ b/packages/sheets-ui/src/views/permission/panel-detail/PermissionDetailFooterPart.tsx
@@ -58,7 +58,7 @@ export const PermissionDetailFooterPart = (props: IPermissionDetailFooterPartPro
     const subUnitId = worksheet.getSheetId();
 
     return (
-        <div className="univer-mt-auto univer-flex univer-flex-row-reverse univer-py-5 univer-gap-2">
+        <div className="univer-mt-auto univer-flex univer-flex-row-reverse univer-gap-2 univer-py-5">
             <Button
                 variant="primary"
                 onClick={async () => {
diff --git a/packages/sheets-ui/src/views/permission/panel-list/index.tsx b/packages/sheets-ui/src/views/permission/panel-list/index.tsx
index 4f8f607307..de9c1cc045 100644
--- a/packages/sheets-ui/src/views/permission/panel-list/index.tsx
+++ b/packages/sheets-ui/src/views/permission/panel-list/index.tsx
@@ -382,9 +382,8 @@ export function SheetPermissionPanelList() {
                                             <Tooltip title={rule.description}>
                                                 <div
                                                     className={`
-                                                      univer-text-3 univer-max-w-64 univer-overflow-hidden
+                                                      univer-text-3 univer-mt-2] univer-max-w-64 univer-overflow-hidden
                                                       univer-text-ellipsis univer-whitespace-nowrap univer-text-gray-400
-                                                      univer-mt-2]
                                                     `}
                                                 >
                                                     {rule.description}
diff --git a/packages/sheets-ui/src/views/sheet-bar/sheet-bar-tabs/SheetBarItem.tsx b/packages/sheets-ui/src/views/sheet-bar/sheet-bar-tabs/SheetBarItem.tsx
index 26189d255b..9747ee58db 100644
--- a/packages/sheets-ui/src/views/sheet-bar/sheet-bar-tabs/SheetBarItem.tsx
+++ b/packages/sheets-ui/src/views/sheet-bar/sheet-bar-tabs/SheetBarItem.tsx
@@ -67,8 +67,8 @@ export function SheetBarItem(props: IBaseSheetBarProps) {
                 `
                 : `
                   univer-font-medium univer-text-gray-900
-                  dark:hover:!univer-bg-gray-700
                   hover:univer-bg-gray-100
+                  dark:hover:!univer-bg-gray-700
                 `)}
             style={{
                 backgroundColor: !currentSelected && color ? color : '',
diff --git a/packages/slides-ui/src/components/image-popup-menu/ImagePopupMenu.tsx b/packages/slides-ui/src/components/image-popup-menu/ImagePopupMenu.tsx
index 440c261c58..cb2dea689e 100644
--- a/packages/slides-ui/src/components/image-popup-menu/ImagePopupMenu.tsx
+++ b/packages/slides-ui/src/components/image-popup-menu/ImagePopupMenu.tsx
@@ -110,8 +110,8 @@ export function SlideImagePopupMenu(props: IImagePopupMenuProps) {
                 <div
                     className={clsx(`
                       univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
-                      dark:hover:!univer-bg-gray-800
                       hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-800
                     `, borderClassName, {
                         'univer-bg-gray-100 dark:!univer-bg-gray-800': visible,
                         'univer-bg-white dark:!univer-bg-gray-900': !visible,
diff --git a/packages/thread-comment-ui/src/views/thread-comment-tree/index.tsx b/packages/thread-comment-ui/src/views/thread-comment-tree/index.tsx
index eaf26c8c93..a1e26b234e 100644
--- a/packages/thread-comment-ui/src/views/thread-comment-tree/index.tsx
+++ b/packages/thread-comment-ui/src/views/thread-comment-tree/index.tsx
@@ -418,8 +418,8 @@ export const ThreadCommentTree = (props: IThreadCommentTreeProps) => {
                             className={clsx(`
                               univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer
                               univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base
-                              dark:hover:!univer-bg-gray-800
                               hover:univer-bg-gray-50
+                              dark:hover:!univer-bg-gray-800
                             `, {
                                 'univer-text-green-500': resolved,
                             })}
@@ -433,8 +433,8 @@ export const ThreadCommentTree = (props: IThreadCommentTreeProps) => {
                                     className={`
                                       univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer
                                       univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base
-                                      dark:hover:!univer-bg-gray-800
                                       hover:univer-bg-gray-50
+                                      dark:hover:!univer-bg-gray-800
                                     `}
                                     onClick={handleDeleteRoot}
                                 >
diff --git a/packages/ui/src/components/slider/Slider.tsx b/packages/ui/src/components/slider/Slider.tsx
index 991a450670..97c1b51af6 100644
--- a/packages/ui/src/components/slider/Slider.tsx
+++ b/packages/ui/src/components/slider/Slider.tsx
@@ -203,7 +203,7 @@ export function Slider(props: ISliderProps) {
                           univer-absolute univer-top-[calc(50%-6px)] univer-size-3 -univer-translate-x-1/2
                           univer-rounded-full univer-border-none univer-bg-white univer-shadow univer-transition-colors
                         `, {
-                            'univer-cursor-pointer hover:univer-gray-200': !disabled,
+                            'hover:univer-gray-200 univer-cursor-pointer': !disabled,
                             'univer-cursor-not-allowed': disabled,
                         })}
                         role="handle"
diff --git a/packages/ui/src/views/components/ribbon/Ribbon.tsx b/packages/ui/src/views/components/ribbon/Ribbon.tsx
index 2403df7f6f..b1c638c3df 100644
--- a/packages/ui/src/views/components/ribbon/Ribbon.tsx
+++ b/packages/ui/src/views/components/ribbon/Ribbon.tsx
@@ -331,8 +331,8 @@ export function Ribbon(props: IRibbonProps) {
                                             className={`
                                               univer-box-border univer-flex univer-cursor-pointer univer-items-center
                                               univer-gap-2.5 univer-rounded-lg univer-px-2 univer-py-1.5
-                                              dark:hover:!univer-bg-gray-700
                                               hover:univer-bg-gray-100
+                                              dark:hover:!univer-bg-gray-700
                                             `}
                                             onClick={() => handleSelectTab(group)}
                                         >
diff --git a/packages/ui/src/views/components/ribbon/ToolbarItem.tsx b/packages/ui/src/views/components/ribbon/ToolbarItem.tsx
index 4879f6b0e4..ad0ef3dfca 100644
--- a/packages/ui/src/views/components/ribbon/ToolbarItem.tsx
+++ b/packages/ui/src/views/components/ribbon/ToolbarItem.tsx
@@ -107,11 +107,11 @@ export const ToolbarItem = forwardRef<ITooltipWrapperRef, IDisplayMenuItem<IMenu
                     data-u-command={id}
                     data-disabled={disabled}
                     className={clsx(`
-                      univer-group univer-relative univer-flex univer-h-6 univer-cursor-pointer univer-items-center
-                      univer-rounded univer-pr-5 univer-text-sm univer-transition-colors univer-animate-in
-                      univer-fade-in
-                      dark:hover:!univer-bg-gray-700
+                      univer-animate-in univer-fade-in univer-group univer-relative univer-flex univer-h-6
+                      univer-cursor-pointer univer-items-center univer-rounded univer-pr-5 univer-text-sm
+                      univer-transition-colors
                       hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-700
                     `, {
                         'univer-text-gray-900 dark:!univer-text-white': !disabled,
                         'univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600': disabled,
@@ -121,8 +121,8 @@ export const ToolbarItem = forwardRef<ITooltipWrapperRef, IDisplayMenuItem<IMenu
                         className={clsx(`
                           univer-relative univer-z-[1] univer-flex univer-h-full univer-items-center univer-rounded-l
                           univer-px-1 univer-transition-colors
-                          dark:hover:!univer-bg-gray-600
                           hover:univer-bg-gray-200
+                          dark:hover:!univer-bg-gray-600
                         `, {
                             'univer-bg-gray-200 dark:!univer-bg-gray-500': activated,
                             'univer-bg-gray-100': activated && disabled,
@@ -151,8 +151,8 @@ export const ToolbarItem = forwardRef<ITooltipWrapperRef, IDisplayMenuItem<IMenu
                               univer-absolute univer-right-0 univer-top-0 univer-box-border univer-flex univer-h-6
                               univer-w-5 univer-items-center univer-justify-center univer-rounded-r
                               univer-transition-colors
-                              dark:hover:!univer-bg-gray-600
                               hover:univer-bg-gray-200
+                              dark:hover:!univer-bg-gray-600
                             `, {
                                 'univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600': disabled,
                                 'univer-bg-gray-200 dark:!univer-bg-gray-500': activated,
@@ -178,11 +178,11 @@ export const ToolbarItem = forwardRef<ITooltipWrapperRef, IDisplayMenuItem<IMenu
                     <div
                         data-u-command={id}
                         className={clsx(`
-                          univer-relative univer-flex univer-h-6 univer-cursor-pointer univer-items-center univer-gap-2
-                          univer-whitespace-nowrap univer-rounded univer-px-1 univer-transition-colors univer-animate-in
-                          univer-fade-in
-                          dark:hover:!univer-bg-gray-700
+                          univer-animate-in univer-fade-in univer-relative univer-flex univer-h-6 univer-cursor-pointer
+                          univer-items-center univer-gap-2 univer-whitespace-nowrap univer-rounded univer-px-1
+                          univer-transition-colors
                           hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
                         `, {
                             'univer-text-gray-900 dark:!univer-text-white': !disabled,
                             'univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600': disabled,
diff --git a/packages/ui/src/views/components/zen-zone/ZenZone.tsx b/packages/ui/src/views/components/zen-zone/ZenZone.tsx
index 9f1298bc92..1c40e8ef07 100644
--- a/packages/ui/src/views/components/zen-zone/ZenZone.tsx
+++ b/packages/ui/src/views/components/zen-zone/ZenZone.tsx
@@ -55,7 +55,7 @@ export function ZenZone() {
     return (
         <section
             className={clsx('univer-absolute univer-z-[-1] univer-flex', {
-                'univer-inset-0 univer-z-[100] univer-bg-gray-100 univer-animate-in univer-fade-in': visible,
+                'univer-animate-in univer-fade-in univer-inset-0 univer-z-[100] univer-bg-gray-100': visible,
                 'univer-hidden': hidden,
             })}
         >
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 084aead673..f6d82be1a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
     devDependencies:
       '@antfu/eslint-config':
         specifier: 4.14.1
-        version: 4.14.1(@eslint-react/eslint-plugin@1.51.3(eslint@9.28.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@vue/compiler-sfc@3.5.16)(eslint-plugin-format@1.0.1(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.28.0(jiti@2.4.2)))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
+        version: 4.14.1(@eslint-react/eslint-plugin@1.51.3(eslint@9.28.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@vue/compiler-sfc@3.5.16)(eslint-plugin-format@1.0.1(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.28.0(jiti@2.4.2)))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
       '@commitlint/cli':
         specifier: ^19.8.1
         version: 19.8.1(@types/node@24.0.0)(typescript@5.8.3)
@@ -27,8 +27,8 @@ importers:
         specifier: ^1.51.3
         version: 1.51.3(eslint@9.28.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3)
       '@playwright/test':
-        specifier: ^1.52.0
-        version: 1.52.0
+        specifier: ^1.53.0
+        version: 1.53.0
       '@release-it-plugins/workspaces':
         specifier: ^4.2.0
         version: 4.2.0(release-it@17.11.0(typescript@5.8.3))
@@ -110,6 +110,9 @@ importers:
       serve:
         specifier: ^14.2.4
         version: 14.2.4
+      tailwindcss:
+        specifier: ^3.4.17
+        version: 3.4.17
       tsx:
         specifier: ^4.19.4
         version: 4.19.4
@@ -121,40 +124,40 @@ importers:
         version: 5.8.3
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   common/shared:
     dependencies:
       '@typescript-eslint/parser':
-        specifier: ^8.32.1
-        version: 8.32.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
+        specifier: ^8.34.0
+        version: 8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
       '@vitejs/plugin-react':
-        specifier: ^4.5.0
-        version: 4.5.0(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
+        specifier: ^4.5.2
+        version: 4.5.2(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
       '@vitejs/plugin-vue':
         specifier: ^5.2.4
         version: 5.2.4(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))(vue@3.5.16(typescript@5.8.3))
       '@vitest/coverage-istanbul':
         specifier: ^3.1.4
-        version: 3.1.4(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
+        version: 3.1.4(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
       autoprefixer:
         specifier: ^10.4.21
         version: 10.4.21(postcss@8.5.3)
-      eslint-plugin-readable-tailwind:
-        specifier: ^1.9.1
-        version: 1.9.1(eslint@9.28.0(jiti@2.4.2))(tailwindcss@3.4.17)
+      eslint-plugin-better-tailwindcss:
+        specifier: ^3.1.0
+        version: 3.1.0(eslint@9.28.0(jiti@2.4.2))(tailwindcss@3.4.17)
       fs-extra:
         specifier: ^11.3.0
         version: 11.3.0
       happy-dom:
-        specifier: 17.4.7
-        version: 17.4.7
+        specifier: 18.0.1
+        version: 18.0.1
       javascript-obfuscator:
         specifier: ^4.1.1
         version: 4.1.1
       postcss-preset-env:
-        specifier: ^10.1.6
-        version: 10.1.6(postcss@8.5.3)
+        specifier: ^10.2.2
+        version: 10.2.2(postcss@8.5.3)
       sort-keys:
         specifier: ^5.1.0
         version: 5.1.0
@@ -178,7 +181,7 @@ importers:
         version: 6.2.2
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
     devDependencies:
       '@types/fs-extra':
         specifier: ^11.0.4
@@ -747,7 +750,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uni-docs-ui:
     dependencies:
@@ -793,7 +796,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uni-formula:
     dependencies:
@@ -812,7 +815,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uni-formula-ui:
     dependencies:
@@ -876,7 +879,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uni-sheets-ui:
     dependencies:
@@ -934,7 +937,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uni-slides-ui:
     dependencies:
@@ -983,7 +986,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages-experimental/uniui:
     dependencies:
@@ -1044,7 +1047,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/action-recorder:
     dependencies:
@@ -1090,7 +1093,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/core:
     dependencies:
@@ -1154,7 +1157,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/data-validation:
     dependencies:
@@ -1182,7 +1185,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/design:
     dependencies:
@@ -1288,7 +1291,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs:
     dependencies:
@@ -1313,7 +1316,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-drawing:
     dependencies:
@@ -1335,7 +1338,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-drawing-ui:
     dependencies:
@@ -1390,7 +1393,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-hyper-link:
     dependencies:
@@ -1409,7 +1412,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-hyper-link-ui:
     dependencies:
@@ -1461,7 +1464,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-mention-ui:
     dependencies:
@@ -1504,7 +1507,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-quick-insert-ui:
     dependencies:
@@ -1565,7 +1568,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-thread-comment-ui:
     dependencies:
@@ -1617,7 +1620,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/docs-ui:
     dependencies:
@@ -1675,7 +1678,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/drawing:
     dependencies:
@@ -1700,7 +1703,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/drawing-ui:
     dependencies:
@@ -1746,7 +1749,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/engine-formula:
     dependencies:
@@ -1780,7 +1783,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/engine-numfmt:
     devDependencies:
@@ -1795,7 +1798,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/engine-render:
     dependencies:
@@ -1835,7 +1838,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/find-replace:
     dependencies:
@@ -1878,7 +1881,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/network:
     dependencies:
@@ -1900,7 +1903,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/rpc:
     dependencies:
@@ -1922,7 +1925,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/rpc-node:
     dependencies:
@@ -1947,7 +1950,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets:
     dependencies:
@@ -1987,7 +1990,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-conditional-formatting:
     dependencies:
@@ -2021,7 +2024,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-conditional-formatting-ui:
     dependencies:
@@ -2079,7 +2082,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-crosshair-highlight:
     dependencies:
@@ -2128,7 +2131,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-data-validation:
     dependencies:
@@ -2165,7 +2168,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-data-validation-ui:
     dependencies:
@@ -2232,7 +2235,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-drawing:
     dependencies:
@@ -2257,7 +2260,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-drawing-ui:
     dependencies:
@@ -2318,7 +2321,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-filter:
     dependencies:
@@ -2349,7 +2352,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-filter-ui:
     dependencies:
@@ -2407,7 +2410,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-find-replace:
     dependencies:
@@ -2441,7 +2444,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-formula:
     dependencies:
@@ -2475,7 +2478,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-formula-ui:
     dependencies:
@@ -2536,7 +2539,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-graphics:
     dependencies:
@@ -2561,7 +2564,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-hyper-link:
     dependencies:
@@ -2592,7 +2595,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-hyper-link-ui:
     dependencies:
@@ -2659,7 +2662,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-note:
     dependencies:
@@ -2684,7 +2687,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-note-ui:
     dependencies:
@@ -2739,7 +2742,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-numfmt:
     dependencies:
@@ -2770,7 +2773,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-numfmt-ui:
     dependencies:
@@ -2828,7 +2831,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-sort:
     dependencies:
@@ -2853,7 +2856,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-sort-ui:
     dependencies:
@@ -2908,7 +2911,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-table:
     dependencies:
@@ -2933,7 +2936,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-table-ui:
     dependencies:
@@ -2994,7 +2997,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-thread-comment:
     dependencies:
@@ -3025,7 +3028,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-thread-comment-ui:
     dependencies:
@@ -3083,7 +3086,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-ui:
     dependencies:
@@ -3150,7 +3153,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/sheets-zen-editor:
     dependencies:
@@ -3205,7 +3208,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/slides:
     dependencies:
@@ -3227,7 +3230,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/slides-ui:
     dependencies:
@@ -3282,7 +3285,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/telemetry:
     dependencies:
@@ -3301,7 +3304,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/themes:
     devDependencies:
@@ -3332,7 +3335,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/thread-comment-ui:
     dependencies:
@@ -3378,7 +3381,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/ui:
     dependencies:
@@ -3436,7 +3439,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
     optionalDependencies:
       vue:
         specifier: '>=3.0.0'
@@ -3486,7 +3489,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   packages/watermark:
     dependencies:
@@ -3511,7 +3514,7 @@ importers:
         version: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
   tests/formula-integration:
     dependencies:
@@ -3560,7 +3563,7 @@ importers:
         version: 5.8.3
       vitest:
         specifier: ^3.1.4
-        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
 
 packages:
 
@@ -3837,12 +3840,12 @@ packages:
       conventional-commits-parser:
         optional: true
 
-  '@csstools/cascade-layer-name-parser@2.0.4':
-    resolution: {integrity: sha512-7DFHlPuIxviKYZrOiwVU/PiHLm3lLUR23OMuEEtfEOQTOp9hzQ2JjdY6X5H18RVuUPJqSCI+qNnD5iOLMVE0bA==}
+  '@csstools/cascade-layer-name-parser@2.0.5':
+    resolution: {integrity: sha512-p1ko5eHgV+MgXFVa4STPKpvPxr6ReS8oS2jzTukjR74i5zJNyWO1ZM1m8YKBXnzDKWfBN1ztLYlHxbVemDD88A==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.4
-      '@csstools/css-tokenizer': ^3.0.3
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
   '@csstools/color-helpers@5.0.2':
     resolution: {integrity: sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==}
@@ -3855,6 +3858,20 @@ packages:
       '@csstools/css-parser-algorithms': ^3.0.4
       '@csstools/css-tokenizer': ^3.0.3
 
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.0.10':
+    resolution: {integrity: sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
   '@csstools/css-color-parser@3.0.9':
     resolution: {integrity: sha512-wILs5Zk7BU86UArYBJTPy/FMPPKVKHMj1ycCEyf3VUptol0JNRLFU/BZsJ4aiIHJEbSLiizzRrw8Pc1uAEDrXw==}
     engines: {node: '>=18'}
@@ -3868,16 +3885,26 @@ packages:
     peerDependencies:
       '@csstools/css-tokenizer': ^3.0.3
 
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
   '@csstools/css-tokenizer@3.0.3':
     resolution: {integrity: sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==}
     engines: {node: '>=18'}
 
-  '@csstools/media-query-list-parser@4.0.2':
-    resolution: {integrity: sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A==}
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@csstools/media-query-list-parser@4.0.3':
+    resolution: {integrity: sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.4
-      '@csstools/css-tokenizer': ^3.0.3
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
   '@csstools/postcss-cascade-layers@5.0.1':
     resolution: {integrity: sha512-XOfhI7GShVcKiKwmPAnWSqd2tBR0uxt+runAxttbSp/LY2U16yAVPmAf7e9q4JJ0d+xMNmpwNDLBXnmRCl3HMQ==}
@@ -3885,26 +3912,32 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-color-function@4.0.9':
-    resolution: {integrity: sha512-2UeQCGMO5+EeQsPQK2DqXp0dad+P6nIz6G2dI06APpBuYBKxZEq7CTH+UiztFQ8cB1f89dnO9+D/Kfr+JfI2hw==}
+  '@csstools/postcss-color-function@4.0.10':
+    resolution: {integrity: sha512-4dY0NBu7NVIpzxZRgh/Q/0GPSz/jLSw0i/u3LTUor0BkQcz/fNhN10mSWBDsL0p9nDb0Ky1PD6/dcGbhACuFTQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-color-mix-function@3.0.9':
-    resolution: {integrity: sha512-Enj7ZIIkLD7zkGCN31SZFx4H1gKiCs2Y4taBo/v/cqaHN7p1qGrf5UTMNSjQFZ7MgClGufHx4pddwFTGL+ipug==}
+  '@csstools/postcss-color-mix-function@3.0.10':
+    resolution: {integrity: sha512-P0lIbQW9I4ShE7uBgZRib/lMTf9XMjJkFl/d6w4EMNHu2qvQ6zljJGEcBkw/NsBtq/6q3WrmgxSS8kHtPMkK4Q==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-content-alt-text@2.0.5':
-    resolution: {integrity: sha512-9BOS535v6YmyOYk32jAHXeddRV+iyd4vRcbrEekpwxmueAXX5J8WgbceFnE4E4Pmw/ysnB9v+n/vSWoFmcLMcA==}
+  '@csstools/postcss-color-mix-variadic-function-arguments@1.0.0':
+    resolution: {integrity: sha512-Z5WhouTyD74dPFPrVE7KydgNS9VvnjB8qcdes9ARpCOItb4jTnm7cHp4FhxCRUoyhabD0WVv43wbkJ4p8hLAlQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-exponential-functions@2.0.8':
-    resolution: {integrity: sha512-vHgDXtGIBPpFQnFNDftMQg4MOuXcWnK91L/7REjBNYzQ/p2Fa/6RcnehTqCRrNtQ46PNIolbRsiDdDuxiHolwQ==}
+  '@csstools/postcss-content-alt-text@2.0.6':
+    resolution: {integrity: sha512-eRjLbOjblXq+byyaedQRSrAejKGNAFued+LcbzT+LCL78fabxHkxYjBbxkroONxHHYu2qxhFK2dBStTLPG3jpQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-exponential-functions@2.0.9':
+    resolution: {integrity: sha512-abg2W/PI3HXwS/CZshSa79kNWNZHdJPMBXeZNyPQFbbj8sKO3jXxOt/wF7juJVjyDTc6JrvaUZYFcSBZBhaxjw==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -3915,26 +3948,26 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-gamut-mapping@2.0.9':
-    resolution: {integrity: sha512-quksIsFm3DGsf8Qbr9KiSGBF2w3RwxSfOfma5wbORDB1AFF15r4EVW7sUuWw3s5IAEGMqzel/dE2rQsI7Yb8mA==}
+  '@csstools/postcss-gamut-mapping@2.0.10':
+    resolution: {integrity: sha512-QDGqhJlvFnDlaPAfCYPsnwVA6ze+8hhrwevYWlnUeSjkkZfBpcCO42SaUD8jiLlq7niouyLgvup5lh+f1qessg==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-gradients-interpolation-method@5.0.9':
-    resolution: {integrity: sha512-duqTeUHF4ambUybAmhX9KonkicLM/WNp2JjMUbegRD4O8A/tb6fdZ7jUNdp/UUiO1FIdDkMwmNw6856bT0XF8Q==}
+  '@csstools/postcss-gradients-interpolation-method@5.0.10':
+    resolution: {integrity: sha512-HHPauB2k7Oits02tKFUeVFEU2ox/H3OQVrP3fSOKDxvloOikSal+3dzlyTZmYsb9FlY9p5EUpBtz0//XBmy+aw==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-hwb-function@4.0.9':
-    resolution: {integrity: sha512-sDpdPsoGAhYl/PMSYfu5Ez82wXb2bVkg1Cb8vsRLhpXhAk4OSlsJN+GodAql6tqc1B2G/WToxsFU6G74vkhPvA==}
+  '@csstools/postcss-hwb-function@4.0.10':
+    resolution: {integrity: sha512-nOKKfp14SWcdEQ++S9/4TgRKchooLZL0TUFdun3nI4KPwCjETmhjta1QT4ICQcGVWQTvrsgMM/aLB5We+kMHhQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-ic-unit@4.0.1':
-    resolution: {integrity: sha512-lECc38i1w3qU9nhrUhP6F8y4BfcQJkR1cb8N6tZNf2llM6zPkxnqt04jRCwsUgNcB3UGKDy+zLenhOYGHqCV+Q==}
+  '@csstools/postcss-ic-unit@4.0.2':
+    resolution: {integrity: sha512-lrK2jjyZwh7DbxaNnIUjkeDmU8Y6KyzRBk91ZkI5h8nb1ykEfZrtIVArdIjX4DHMIBGpdHrgP0n4qXDr7OHaKA==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -3945,14 +3978,14 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-is-pseudo-class@5.0.1':
-    resolution: {integrity: sha512-JLp3POui4S1auhDR0n8wHd/zTOWmMsmK3nQd3hhL6FhWPaox5W7j1se6zXOG/aP07wV2ww0lxbKYGwbBszOtfQ==}
+  '@csstools/postcss-is-pseudo-class@5.0.2':
+    resolution: {integrity: sha512-ksUGH8Untwzo/qUwHlFZf2+vGi8sDe1WYDZrCFNVg8EvENhWQvtoPEbRTBmNzGzTJebmHIvaOH8s3B3QKUJV3g==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-light-dark-function@2.0.8':
-    resolution: {integrity: sha512-v8VU5WtrZIyEtk88WB4fkG22TGd8HyAfSFfZZQ1uNN0+arMJdZc++H3KYTfbYDpJRGy8GwADYH8ySXiILn+OyA==}
+  '@csstools/postcss-light-dark-function@2.0.9':
+    resolution: {integrity: sha512-1tCZH5bla0EAkFAI2r0H33CDnIBeLUaJh1p+hvvsylJ4svsv2wOmJjJn+OXwUZLXef37GYbRIVKX+X+g6m+3CQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -3981,20 +4014,20 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-logical-viewport-units@3.0.3':
-    resolution: {integrity: sha512-OC1IlG/yoGJdi0Y+7duz/kU/beCwO+Gua01sD6GtOtLi7ByQUpcIqs7UE/xuRPay4cHgOMatWdnDdsIDjnWpPw==}
+  '@csstools/postcss-logical-viewport-units@3.0.4':
+    resolution: {integrity: sha512-q+eHV1haXA4w9xBwZLKjVKAWn3W2CMqmpNpZUk5kRprvSiBEGMgrNH3/sJZ8UA3JgyHaOt3jwT9uFa4wLX4EqQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-media-minmax@2.0.8':
-    resolution: {integrity: sha512-Skum5wIXw2+NyCQWUyfstN3c1mfSh39DRAo+Uh2zzXOglBG8xB9hnArhYFScuMZkzeM+THVa//mrByKAfumc7w==}
+  '@csstools/postcss-media-minmax@2.0.9':
+    resolution: {integrity: sha512-af9Qw3uS3JhYLnCbqtZ9crTvvkR+0Se+bBqSr7ykAnl9yKhk6895z9rf+2F4dClIDJWxgn0iZZ1PSdkhrbs2ig==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.4':
-    resolution: {integrity: sha512-AnGjVslHMm5xw9keusQYvjVWvuS7KWK+OJagaG0+m9QnIjZsrysD2kJP/tr/UJIyYtMCtu8OkUd+Rajb4DqtIQ==}
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.5':
+    resolution: {integrity: sha512-zhAe31xaaXOY2Px8IYfoVTB3wglbJUVigGphFLj6exb7cjZRH9A6adyE22XfFK3P2PzwRk0VDeTJmaxpluyrDg==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -4011,26 +4044,26 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-oklab-function@4.0.9':
-    resolution: {integrity: sha512-UHrnujimwtdDw8BYDcWJtBXuJ13uc/BjAddPdfMc/RsWxhg8gG8UbvTF0tnMtHrZ4i7lwy85fPEzK1AiykMyRA==}
+  '@csstools/postcss-oklab-function@4.0.10':
+    resolution: {integrity: sha512-ZzZUTDd0fgNdhv8UUjGCtObPD8LYxMH+MJsW9xlZaWTV8Ppr4PtxlHYNMmF4vVWGl0T6f8tyWAKjoI6vePSgAg==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-progressive-custom-properties@4.0.1':
-    resolution: {integrity: sha512-Ofz81HaY8mmbP8/Qr3PZlUzjsyV5WuxWmvtYn+jhYGvvjFazTmN9R2io5W5znY1tyk2CA9uM0IPWyY4ygDytCw==}
+  '@csstools/postcss-progressive-custom-properties@4.1.0':
+    resolution: {integrity: sha512-YrkI9dx8U4R8Sz2EJaoeD9fI7s7kmeEBfmO+UURNeL6lQI7VxF6sBE+rSqdCBn4onwqmxFdBU3lTwyYb/lCmxA==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-random-function@2.0.0':
-    resolution: {integrity: sha512-MYZKxSr4AKfjECL8vg49BbfNNzK+t3p2OWX+Xf7rXgMaTP44oy/e8VGWu4MLnJ3NUd9tFVkisLO/sg+5wMTNsg==}
+  '@csstools/postcss-random-function@2.0.1':
+    resolution: {integrity: sha512-q+FQaNiRBhnoSNo+GzqGOIBKoHQ43lYz0ICrV+UudfWnEF6ksS6DsBIJSISKQT2Bvu3g4k6r7t0zYrk5pDlo8w==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-relative-color-syntax@3.0.9':
-    resolution: {integrity: sha512-+AGOcLF5PmMnTRPnOdCvY7AwvD5veIOhTWbJV6vC3hB1tt0ii/k6QOwhWfsGGg1ZPQ0JY15u+wqLR4ZTtB0luA==}
+  '@csstools/postcss-relative-color-syntax@3.0.10':
+    resolution: {integrity: sha512-8+0kQbQGg9yYG8hv0dtEpOMLwB9M+P7PhacgIzVzJpixxV4Eq9AUQtQw8adMmAJU1RBBmIlpmtmm3XTRd/T00g==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -4041,14 +4074,14 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-sign-functions@1.1.3':
-    resolution: {integrity: sha512-4F4GRhj8xNkBtLZ+3ycIhReaDfKJByXI+cQGIps3AzCO8/CJOeoDPxpMnL5vqZrWKOceSATHEQJUO/Q/r2y7OQ==}
+  '@csstools/postcss-sign-functions@1.1.4':
+    resolution: {integrity: sha512-P97h1XqRPcfcJndFdG95Gv/6ZzxUBBISem0IDqPZ7WMvc/wlO+yU0c5D/OCpZ5TJoTt63Ok3knGk64N+o6L2Pg==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-stepped-value-functions@4.0.8':
-    resolution: {integrity: sha512-6Y4yhL4fNhgzbZ/wUMQ4EjFUfoNNMpEXZnDw1JrlcEBHUT15gplchtFsZGk7FNi8PhLHJfCUwVKrEHzhfhKK+g==}
+  '@csstools/postcss-stepped-value-functions@4.0.9':
+    resolution: {integrity: sha512-h9btycWrsex4dNLeQfyU3y3w40LMQooJWFMm/SK9lrKguHDcFl4VMkncKKoXi2z5rM9YGWbUQABI8BT2UydIcA==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -4059,8 +4092,8 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/postcss-trigonometric-functions@4.0.8':
-    resolution: {integrity: sha512-YcDvYTRu7f78/91B6bX+mE1WoAO91Su7/8KSRpuWbIGUB8hmaNSRu9wziaWSLJ1lOB1aQe+bvo9BIaLKqPOo/g==}
+  '@csstools/postcss-trigonometric-functions@4.0.9':
+    resolution: {integrity: sha512-Hnh5zJUdpNrJqK9v1/E3BbrQhaDTj5YiX7P61TOvUhoDHnUmsNNxcDAgkQ32RrcWx9GVUvfUNPcUkn8R3vIX6A==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -4071,8 +4104,8 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  '@csstools/selector-resolve-nested@3.0.0':
-    resolution: {integrity: sha512-ZoK24Yku6VJU1gS79a5PFmC8yn3wIapiKmPgun0hZgEI5AOqgH2kiPRsPz1qkGv4HL+wuDLH83yQyk6inMYrJQ==}
+  '@csstools/selector-resolve-nested@3.1.0':
+    resolution: {integrity: sha512-mf1LEW0tJLKfWyvn5KdDrhpxHyuxpbNwTIwOYLIvsTffeyOf85j5oIzfG0yosxDgx/sswlqBnESYUcQH0vgZ0g==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss-selector-parser: ^7.0.0
@@ -4793,8 +4826,8 @@ packages:
     resolution: {integrity: sha512-YLT9Zo3oNPJoBjBc4q8G2mjU4tqIbf5CEOORbUUr48dCD9q3umJ3IPlVqOqDakPfd2HuwccBaqlGhN4Gmr5OWg==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
-  '@playwright/test@1.52.0':
-    resolution: {integrity: sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==}
+  '@playwright/test@1.53.0':
+    resolution: {integrity: sha512-15hjKreZDcp7t6TL/7jkAo6Df5STZN09jGiv5dbP9A6vMVncXRqE7/B2SncsyOwrkZRBH2i6/TPOL8BVmm3c7w==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -5222,9 +5255,6 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.11':
     resolution: {integrity: sha512-L/gAA/hyCSuzTF1ftlzUSI/IKr2POHsv1Dd78GfqkR83KMNuswWD61JxGV2L7nRwBBBSDr6R1gCkdTmoN7W4ag==}
 
-  '@rolldown/pluginutils@1.0.0-beta.9':
-    resolution: {integrity: sha512-e9MeMtVWo186sgvFFJOPGy7/d2j2mZhLJIdVW0C/xDluuOvymEATqz6zKsP0ZmXGzQtqlyjz5sC1sYQUoJG98w==}
-
   '@rollup/pluginutils@5.1.4':
     resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
     engines: {node: '>=14.0.0'}
@@ -5780,6 +5810,9 @@ packages:
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
+  '@types/node@20.19.0':
+    resolution: {integrity: sha512-hfrc+1tud1xcdVTABC2JiomZJEklMcXYNTVtZLAeqTVWD+qL5jkHKT+1lOtqDdGxt+mB53DTtiz673vfjU8D1Q==}
+
   '@types/node@22.15.17':
     resolution: {integrity: sha512-wIX2aSZL5FE+MR0JlvF87BNVrtFWf6AE6rxSE9X7OwnVvoyCQjpzSRJ+M87se/4QCkCiebQAqrJ0y6fwIyi7nw==}
 
@@ -5842,6 +5875,9 @@ packages:
   '@types/validator@13.15.0':
     resolution: {integrity: sha512-nh7nrWhLr6CBq9ldtw0wx+z9wKnnv/uTVLA9g/3/TcOYxbpOSZE+MhKPmWqU+K0NvThjhv12uD8MuqijB0WzEA==}
 
+  '@types/whatwg-mimetype@3.0.2':
+    resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
+
   '@typescript-eslint/eslint-plugin@8.33.1':
     resolution: {integrity: sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -5850,15 +5886,8 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/parser@8.32.1':
-    resolution: {integrity: sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/parser@8.33.1':
-    resolution: {integrity: sha512-qwxv6dq682yVvgKKp2qWwLgRbscDAYktPptK4JPojCwwi3R9cwrvIxS4lvBpzmcqzR4bdn54Z0IG1uHFskW4dA==}
+  '@typescript-eslint/parser@8.34.0':
+    resolution: {integrity: sha512-vxXJV1hVFx3IXz/oy2sICsJukaBrtDEQSBiV48/YIV5KWjX1dO+bcIr/kCPrW6weKXvsaGKFNlwH0v2eYdRRbA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -5870,20 +5899,32 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/scope-manager@8.32.1':
-    resolution: {integrity: sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==}
+  '@typescript-eslint/project-service@8.34.0':
+    resolution: {integrity: sha512-iEgDALRf970/B2YExmtPMPF54NenZUf4xpL3wsCRx/lgjz6ul/l13R81ozP/ZNuXfnLCS+oPmG7JIxfdNYKELw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.9.0'
 
   '@typescript-eslint/scope-manager@8.33.1':
     resolution: {integrity: sha512-dM4UBtgmzHR9bS0Rv09JST0RcHYearoEoo3pG5B6GoTR9XcyeqX87FEhPo+5kTvVfKCvfHaHrcgeJQc6mrDKrA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/scope-manager@8.34.0':
+    resolution: {integrity: sha512-9Ac0X8WiLykl0aj1oYQNcLZjHgBojT6cW68yAgZ19letYu+Hxd0rE0veI1XznSSst1X5lwnxhPbVdwjDRIomRw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/tsconfig-utils@8.33.1':
     resolution: {integrity: sha512-STAQsGYbHCF0/e+ShUQ4EatXQ7ceh3fBCXkNU7/MZVKulrlq1usH7t2FhxvCpuCi5O5oi1vmVaAjrGeL71OK1g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
+  '@typescript-eslint/tsconfig-utils@8.34.0':
+    resolution: {integrity: sha512-+W9VYHKFIzA5cBeooqQxqNriAP0QeQ7xTiDuIOr71hzgffm3EL2hxwWBIIj4GuofIbKxGNarpKqIq6Q6YrShOA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.9.0'
+
   '@typescript-eslint/type-utils@8.33.1':
     resolution: {integrity: sha512-1cG37d9xOkhlykom55WVwG2QRNC7YXlxMaMzqw2uPeJixBFfKWZgaP/hjAObqMN/u3fr5BrTwTnc31/L9jQ2ww==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -5891,22 +5932,22 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/types@8.32.1':
-    resolution: {integrity: sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/types@8.33.1':
     resolution: {integrity: sha512-xid1WfizGhy/TKMTwhtVOgalHwPtV8T32MS9MaH50Cwvz6x6YqRIPdD2WvW0XaqOzTV9p5xdLY0h/ZusU5Lokg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.32.1':
-    resolution: {integrity: sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==}
+  '@typescript-eslint/types@8.34.0':
+    resolution: {integrity: sha512-9V24k/paICYPniajHfJ4cuAWETnt7Ssy+R0Rbcqo5sSFr3QEZ/8TSoUi9XeXVBGXCaLtwTOKSLGcInCAvyZeMA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.33.1':
+    resolution: {integrity: sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/typescript-estree@8.33.1':
-    resolution: {integrity: sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==}
+  '@typescript-eslint/typescript-estree@8.34.0':
+    resolution: {integrity: sha512-rOi4KZxI7E0+BMqG7emPSK1bB4RICCpF7QD3KCLXn9ZvWoESsOMlHyZPAHyG04ujVplPaHbmEvs34m+wjgtVtg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
@@ -5918,14 +5959,14 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/visitor-keys@8.32.1':
-    resolution: {integrity: sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/visitor-keys@8.33.1':
     resolution: {integrity: sha512-3i8NrFcZeeDHJ+7ZUuDkGT+UHq+XoFGsymNK2jZCOHcfEzRQ0BdpRtdpSx/Iyf3MHLWIcLS0COuOPibKQboIiQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/visitor-keys@8.34.0':
+    resolution: {integrity: sha512-qHV7pW7E85A0x6qyrFn+O+q1k1p3tQCsqIZ1KZ5ESLXY57aTvUd3/a4rdPTeXisvhXn2VQG0VSKUqs8KHF2zcA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@univerjs/icons-svg@0.4.4':
     resolution: {integrity: sha512-UNPCPoktGR6S2zoVbv7bdPD7YbsKRxSk9cWB4VHeI1RbiG+ohF97r1YIYOAhkurE/KnVYPK50W8rCs2YXB2HCg==}
 
@@ -5942,12 +5983,6 @@ packages:
       '@grpc/grpc-js': '>=1'
       rxjs: '>=7.8'
 
-  '@vitejs/plugin-react@4.5.0':
-    resolution: {integrity: sha512-JuLWaEqypaJmOJPLWwO335Ig6jSgC1FTONCWAxnqcQthLTK/Yc9aH6hr9z/87xciejbQcnP3GnA1FWUSWeXaeg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0 || ^6.0.0
-
   '@vitejs/plugin-react@4.5.2':
     resolution: {integrity: sha512-QNVT3/Lxx99nMQWJWF7K4N6apUEuT0KlZA3mx/mVaoGj3smm/8rc8ezz15J1pcbcjDK0V15rpHetVfya08r76Q==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -6932,8 +6967,8 @@ packages:
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
-  cssdb@8.2.5:
-    resolution: {integrity: sha512-leAt8/hdTCtzql9ZZi86uYAmCLzVKpJMMdjbvOGVnXFXz/BWFpBmM1MHEHU/RqtPyRYmabVmEW1DtX3YGLuuLA==}
+  cssdb@8.3.0:
+    resolution: {integrity: sha512-c7bmItIg38DgGjSwDPZOYF/2o0QU/sSgkWOMyl8votOfgFuyiFKWPesmCGEsrGLxEA9uL540cp8LdaGEjUGsZQ==}
 
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
@@ -7543,6 +7578,13 @@ packages:
     peerDependencies:
       eslint: '*'
 
+  eslint-plugin-better-tailwindcss@3.1.0:
+    resolution: {integrity: sha512-qaOnCBBvkxq5O1CPwzD8NWTNbBLY5RtjfpbOXiv0MtjX5GHnraj/cKBvjrfAPGH7FWrDeycR+kQ52aYqNWpujw==}
+    engines: {node: '>=v20.11.0'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+      tailwindcss: ^3.3.0 || ^4.0.0
+
   eslint-plugin-command@3.2.1:
     resolution: {integrity: sha512-PcpzWe8dvAPaBobxE9zgz1w94fO4JYvzciDzw6thlUb9Uqf5e2/gJz97itOGxvdq+mFeudi71m1OGFgvWmb93w==}
     peerDependencies:
@@ -7689,13 +7731,6 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
-  eslint-plugin-readable-tailwind@1.9.1:
-    resolution: {integrity: sha512-vZtTdQ2pDZt1cr0IeYQCI6lR0HANbOzfokEIVI9qqByZ0jUDiwxkFIDue/XXpGL3EdLVM8my7hoLKCJzgbSgWQ==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
-      tailwindcss: '>=3.3.0'
-
   eslint-plugin-regexp@2.9.0:
     resolution: {integrity: sha512-9WqJMnOq8VlE/cK+YAo9C9YHhkOtcEtEk9d12a+H7OSZFwlpI6stiHmYPGa2VE0QhTzodJyhlyprUaXDZLgHBw==}
     engines: {node: ^18 || >=20}
@@ -8147,9 +8182,9 @@ packages:
     engines: {node: '>=0.4.7'}
     hasBin: true
 
-  happy-dom@17.4.7:
-    resolution: {integrity: sha512-NZypxadhCiV5NT4A+Y86aQVVKQ05KDmueja3sz008uJfDRwz028wd0aTiJPwo4RQlvlz0fznkEEBBCHVNWc08g==}
-    engines: {node: '>=18.0.0'}
+  happy-dom@18.0.1:
+    resolution: {integrity: sha512-qn+rKOW7KWpVTtgIUi6RVmTBZJSe2k0Db0vh1f7CWrWclkkc7/Q+FrOfkZIb2eiErLyqu5AXEzE7XthO9JVxRA==}
+    engines: {node: '>=20.0.0'}
 
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
@@ -9517,13 +9552,13 @@ packages:
   pkg-types@2.1.0:
     resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
 
-  playwright-core@1.52.0:
-    resolution: {integrity: sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==}
+  playwright-core@1.53.0:
+    resolution: {integrity: sha512-mGLg8m0pm4+mmtB7M89Xw/GSqoNC+twivl8ITteqvAndachozYe2ZA7srU6uleV1vEdAHYqjq+SV8SNxRRFYBw==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.52.0:
-    resolution: {integrity: sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==}
+  playwright@1.53.0:
+    resolution: {integrity: sha512-ghGNnIEYZC4E+YtclRn4/p6oYbdPiASELBIYkBXfaTVKreQUYbMUYQDwS12a8F0/HtIjr/CkGjtwABeFPGcS4Q==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -9554,8 +9589,8 @@ packages:
     peerDependencies:
       postcss: ^8.4.6
 
-  postcss-color-functional-notation@7.0.9:
-    resolution: {integrity: sha512-WScwD3pSsIz+QP97sPkGCeJm7xUH0J18k6zV5o8O2a4cQJyv15vLUx/WFQajuJVgZhmJL5awDu8zHnqzAzm4lw==}
+  postcss-color-functional-notation@7.0.10:
+    resolution: {integrity: sha512-k9qX+aXHBiLTRrWoCJuUFI6F1iF6QJQUXNVWJVSbqZgj57jDhBlOvD8gNUGl35tgqDivbGLhZeW3Ongz4feuKA==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -9572,20 +9607,20 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-media@11.0.5:
-    resolution: {integrity: sha512-SQHhayVNgDvSAdX9NQ/ygcDQGEY+aSF4b/96z7QUX6mqL5yl/JgG/DywcF6fW9XbnCRE+aVYk+9/nqGuzOPWeQ==}
+  postcss-custom-media@11.0.6:
+    resolution: {integrity: sha512-C4lD4b7mUIw+RZhtY7qUbf4eADmb7Ey8BFA2px9jUbwg7pjTZDl4KY4bvlUV+/vXQvzQRfiGEVJyAbtOsCMInw==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-properties@14.0.4:
-    resolution: {integrity: sha512-QnW8FCCK6q+4ierwjnmXF9Y9KF8q0JkbgVfvQEMa93x1GT8FvOiUevWCN2YLaOWyByeDX8S6VFbZEeWoAoXs2A==}
+  postcss-custom-properties@14.0.6:
+    resolution: {integrity: sha512-fTYSp3xuk4BUeVhxCSJdIPhDLpJfNakZKoiTDx7yRGCdlZrSJR7mWKVOBS4sBF+5poPQFMj2YdXx1VHItBGihQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
 
-  postcss-custom-selectors@8.0.4:
-    resolution: {integrity: sha512-ASOXqNvDCE0dAJ/5qixxPeL1aOVGHGW2JwSy7HyjWNbnWTQCl+fDc968HY1jCmZI0+BaYT5CxsOiUhavpG/7eg==}
+  postcss-custom-selectors@8.0.5:
+    resolution: {integrity: sha512-9PGmckHQswiB2usSO6XMSswO2yFWVoCAuih1yl9FVcwkscLjRKjwsjM3t+NIWpSU2Jx3eOiK2+t4vVTQaoCHHg==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -9596,8 +9631,8 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  postcss-double-position-gradients@6.0.1:
-    resolution: {integrity: sha512-ZitCwmvOR4JzXmKw6sZblTgwV1dcfLvClcyjADuqZ5hU0Uk4SVNpvSN9w8NcJ7XuxhRYxVA8m8AB3gy+HNBQOA==}
+  postcss-double-position-gradients@6.0.2:
+    resolution: {integrity: sha512-7qTqnL7nfLRyJK/AHSVrrXOuvDDzettC+wGoienURV8v2svNbu6zJC52ruZtHaO6mfcagFmuTGFdzRsJKB3k5Q==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -9637,14 +9672,20 @@ packages:
     peerDependencies:
       postcss: ^8.0.0
 
+  postcss-import@16.1.0:
+    resolution: {integrity: sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
   postcss-js@4.0.1:
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-lab-function@7.0.9:
-    resolution: {integrity: sha512-IGbsIXbqMDusymJAKYX+f9oakPo89wL9Pzd/qRBQOVf3EIQWT9hgvqC4Me6Dkzxp3KPuIBf6LPkjrLHe/6ZMIQ==}
+  postcss-lab-function@7.0.10:
+    resolution: {integrity: sha512-tqs6TCEv9tC1Riq6fOzHuHcZyhg4k3gIAMB8GGY/zA1ssGdm6puHMVE7t75aOSoFg7UD2wyrFFhbldiCMyyFTQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -9715,8 +9756,8 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
 
-  postcss-nesting@13.0.1:
-    resolution: {integrity: sha512-VbqqHkOBOt4Uu3G8Dm8n6lU5+9cJFxiuty9+4rcoyRPO9zZS1JIs6td49VIoix3qYqELHlJIn46Oih9SAKo+yQ==}
+  postcss-nesting@13.0.2:
+    resolution: {integrity: sha512-1YCI290TX+VP0U/K/aFxzHzQWHWURL+CtHMSbex1lCdpXD1SoR2sYuxDu5aNI9lPoXpKTCggFZiDJbwylU0LEQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -9744,8 +9785,8 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
-  postcss-preset-env@10.1.6:
-    resolution: {integrity: sha512-1jRD7vttKLJ7o0mcmmYWKRLm7W14rI8K1I7Y41OeXUPEVc/CAzfTssNUeJ0zKbR+zMk4boqct/gwS/poIFF5Lg==}
+  postcss-preset-env@10.2.2:
+    resolution: {integrity: sha512-0w90xwitx3xQOkP1z0TPdt+8vhSAIkcOGmwZUywcWjBH/xI7ekJjZ0DYX1g6/fcpUEUsL7tCILUx4iYbwafxGQ==}
     engines: {node: '>=18'}
     peerDependencies:
       postcss: ^8.4
@@ -11389,16 +11430,16 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@antfu/eslint-config@4.14.1(@eslint-react/eslint-plugin@1.51.3(eslint@9.28.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@vue/compiler-sfc@3.5.16)(eslint-plugin-format@1.0.1(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.28.0(jiti@2.4.2)))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
+  '@antfu/eslint-config@4.14.1(@eslint-react/eslint-plugin@1.51.3(eslint@9.28.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@vue/compiler-sfc@3.5.16)(eslint-plugin-format@1.0.1(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.28.0(jiti@2.4.2)))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
     dependencies:
       '@antfu/install-pkg': 1.1.0
       '@clack/prompts': 0.11.0
       '@eslint-community/eslint-plugin-eslint-comments': 4.5.0(eslint@9.28.0(jiti@2.4.2))
       '@eslint/markdown': 6.5.0
       '@stylistic/eslint-plugin': 5.0.0-beta.3(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
-      '@vitest/eslint-plugin': 1.2.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
+      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
+      '@vitest/eslint-plugin': 1.2.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
       ansis: 4.1.0
       cac: 6.7.14
       eslint: 9.28.0(jiti@2.4.2)
@@ -11416,7 +11457,7 @@ snapshots:
       eslint-plugin-regexp: 2.9.0(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-toml: 0.12.0(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-unicorn: 59.0.1(eslint@9.28.0(jiti@2.4.2))
-      eslint-plugin-unused-imports: 4.1.4(@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))
+      eslint-plugin-unused-imports: 4.1.4(@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-vue: 10.2.0(eslint@9.28.0(jiti@2.4.2))(vue-eslint-parser@10.1.3(eslint@9.28.0(jiti@2.4.2)))
       eslint-plugin-yml: 1.18.0(eslint@9.28.0(jiti@2.4.2))
       eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.16)(eslint@9.28.0(jiti@2.4.2))
@@ -11575,21 +11616,11 @@ snapshots:
     dependencies:
       '@babel/types': 7.27.6
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.27.1)':
-    dependencies:
-      '@babel/core': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-
   '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.27.1)':
-    dependencies:
-      '@babel/core': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-
   '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -11610,7 +11641,7 @@ snapshots:
       '@babel/parser': 7.27.2
       '@babel/template': 7.27.2
       '@babel/types': 7.27.1
-      debug: 4.4.0
+      debug: 4.4.1
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -11779,10 +11810,10 @@ snapshots:
       conventional-commits-filter: 5.0.0
       conventional-commits-parser: 6.1.0
 
-  '@csstools/cascade-layer-name-parser@2.0.4(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+  '@csstools/cascade-layer-name-parser@2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
 
   '@csstools/color-helpers@5.0.2': {}
 
@@ -11791,6 +11822,18 @@ snapshots:
       '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
       '@csstools/css-tokenizer': 3.0.3
 
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.0.2
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
   '@csstools/css-color-parser@3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
     dependencies:
       '@csstools/color-helpers': 5.0.2
@@ -11802,12 +11845,18 @@ snapshots:
     dependencies:
       '@csstools/css-tokenizer': 3.0.3
 
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
   '@csstools/css-tokenizer@3.0.3': {}
 
-  '@csstools/media-query-list-parser@4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@csstools/media-query-list-parser@4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
 
   '@csstools/postcss-cascade-layers@5.0.1(postcss@8.5.3)':
     dependencies:
@@ -11815,37 +11864,46 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
 
-  '@csstools/postcss-color-function@4.0.9(postcss@8.5.3)':
+  '@csstools/postcss-color-function@4.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-color-mix-function@3.0.9(postcss@8.5.3)':
+  '@csstools/postcss-color-mix-function@3.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-content-alt-text@2.0.5(postcss@8.5.3)':
+  '@csstools/postcss-color-mix-variadic-function-arguments@1.0.0(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-exponential-functions@2.0.8(postcss@8.5.3)':
+  '@csstools/postcss-content-alt-text@2.0.6(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
+      '@csstools/utilities': 2.0.0(postcss@8.5.3)
+      postcss: 8.5.3
+
+  '@csstools/postcss-exponential-functions@2.0.9(postcss@8.5.3)':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
   '@csstools/postcss-font-format-keywords@4.0.0(postcss@8.5.3)':
@@ -11854,34 +11912,34 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-gamut-mapping@2.0.9(postcss@8.5.3)':
+  '@csstools/postcss-gamut-mapping@2.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
-  '@csstools/postcss-gradients-interpolation-method@5.0.9(postcss@8.5.3)':
+  '@csstools/postcss-gradients-interpolation-method@5.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-hwb-function@4.0.9(postcss@8.5.3)':
+  '@csstools/postcss-hwb-function@4.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-ic-unit@4.0.1(postcss@8.5.3)':
+  '@csstools/postcss-ic-unit@4.0.2(postcss@8.5.3)':
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
@@ -11890,17 +11948,17 @@ snapshots:
     dependencies:
       postcss: 8.5.3
 
-  '@csstools/postcss-is-pseudo-class@5.0.1(postcss@8.5.3)':
+  '@csstools/postcss-is-pseudo-class@5.0.2(postcss@8.5.3)':
     dependencies:
       '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0)
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
 
-  '@csstools/postcss-light-dark-function@2.0.8(postcss@8.5.3)':
+  '@csstools/postcss-light-dark-function@2.0.9(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
@@ -11921,25 +11979,25 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-logical-viewport-units@3.0.3(postcss@8.5.3)':
+  '@csstools/postcss-logical-viewport-units@3.0.4(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-tokenizer': 3.0.4
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-media-minmax@2.0.8(postcss@8.5.3)':
+  '@csstools/postcss-media-minmax@2.0.9(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/media-query-list-parser': 4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
       postcss: 8.5.3
 
-  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.4(postcss@8.5.3)':
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@3.0.5(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/media-query-list-parser': 4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
       postcss: 8.5.3
 
   '@csstools/postcss-nested-calc@4.0.0(postcss@8.5.3)':
@@ -11953,33 +12011,33 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-oklab-function@4.0.9(postcss@8.5.3)':
+  '@csstools/postcss-oklab-function@4.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
-  '@csstools/postcss-progressive-custom-properties@4.0.1(postcss@8.5.3)':
+  '@csstools/postcss-progressive-custom-properties@4.1.0(postcss@8.5.3)':
     dependencies:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-random-function@2.0.0(postcss@8.5.3)':
+  '@csstools/postcss-random-function@2.0.1(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
-  '@csstools/postcss-relative-color-syntax@3.0.9(postcss@8.5.3)':
+  '@csstools/postcss-relative-color-syntax@3.0.10(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
@@ -11988,18 +12046,18 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
 
-  '@csstools/postcss-sign-functions@1.1.3(postcss@8.5.3)':
+  '@csstools/postcss-sign-functions@1.1.4(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
-  '@csstools/postcss-stepped-value-functions@4.0.8(postcss@8.5.3)':
+  '@csstools/postcss-stepped-value-functions@4.0.9(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
   '@csstools/postcss-text-decoration-shorthand@4.0.2(postcss@8.5.3)':
@@ -12008,18 +12066,18 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-trigonometric-functions@4.0.8(postcss@8.5.3)':
+  '@csstools/postcss-trigonometric-functions@4.0.9(postcss@8.5.3)':
     dependencies:
-      '@csstools/css-calc': 2.1.3(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
 
   '@csstools/postcss-unset-value@4.0.0(postcss@8.5.3)':
     dependencies:
       postcss: 8.5.3
 
-  '@csstools/selector-resolve-nested@3.0.0(postcss-selector-parser@7.1.0)':
+  '@csstools/selector-resolve-nested@3.1.0(postcss-selector-parser@7.1.0)':
     dependencies:
       postcss-selector-parser: 7.1.0
 
@@ -12655,9 +12713,9 @@ snapshots:
 
   '@pkgr/core@0.2.7': {}
 
-  '@playwright/test@1.52.0':
+  '@playwright/test@1.53.0':
     dependencies:
-      playwright: 1.52.0
+      playwright: 1.53.0
 
   '@pnpm/config.env-replace@1.1.0': {}
 
@@ -13084,8 +13142,6 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-beta.11': {}
 
-  '@rolldown/pluginutils@1.0.0-beta.9': {}
-
   '@rollup/pluginutils@5.1.4(rollup@4.40.2)':
     dependencies:
       '@types/estree': 1.0.7
@@ -13708,6 +13764,10 @@ snapshots:
 
   '@types/ms@2.1.0': {}
 
+  '@types/node@20.19.0':
+    dependencies:
+      undici-types: 6.21.0
+
   '@types/node@22.15.17':
     dependencies:
       undici-types: 6.21.0
@@ -13762,10 +13822,12 @@ snapshots:
 
   '@types/validator@13.15.0': {}
 
-  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@types/whatwg-mimetype@3.0.2': {}
+
+  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
       '@typescript-eslint/scope-manager': 8.33.1
       '@typescript-eslint/type-utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
       '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
@@ -13779,24 +13841,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.32.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.32.1
-      '@typescript-eslint/types': 8.32.1
-      '@typescript-eslint/typescript-estree': 8.32.1(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.32.1
-      debug: 4.4.0
-      eslint: 9.28.0(jiti@2.4.2)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.33.1
-      '@typescript-eslint/types': 8.33.1
-      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.8.3)
-      '@typescript-eslint/visitor-keys': 8.33.1
+      '@typescript-eslint/scope-manager': 8.34.0
+      '@typescript-eslint/types': 8.34.0
+      '@typescript-eslint/typescript-estree': 8.34.0(typescript@5.8.3)
+      '@typescript-eslint/visitor-keys': 8.34.0
       debug: 4.4.1
       eslint: 9.28.0(jiti@2.4.2)
       typescript: 5.8.3
@@ -13812,20 +13862,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.32.1':
+  '@typescript-eslint/project-service@8.34.0(typescript@5.8.3)':
     dependencies:
-      '@typescript-eslint/types': 8.32.1
-      '@typescript-eslint/visitor-keys': 8.32.1
+      '@typescript-eslint/tsconfig-utils': 8.34.0(typescript@5.8.3)
+      '@typescript-eslint/types': 8.34.0
+      debug: 4.4.1
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
 
   '@typescript-eslint/scope-manager@8.33.1':
     dependencies:
       '@typescript-eslint/types': 8.33.1
       '@typescript-eslint/visitor-keys': 8.33.1
 
+  '@typescript-eslint/scope-manager@8.34.0':
+    dependencies:
+      '@typescript-eslint/types': 8.34.0
+      '@typescript-eslint/visitor-keys': 8.34.0
+
   '@typescript-eslint/tsconfig-utils@8.33.1(typescript@5.8.3)':
     dependencies:
       typescript: 5.8.3
 
+  '@typescript-eslint/tsconfig-utils@8.34.0(typescript@5.8.3)':
+    dependencies:
+      typescript: 5.8.3
+
   '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.8.3)
@@ -13837,23 +13900,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.32.1': {}
-
   '@typescript-eslint/types@8.33.1': {}
 
-  '@typescript-eslint/typescript-estree@8.32.1(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/types': 8.32.1
-      '@typescript-eslint/visitor-keys': 8.32.1
-      debug: 4.4.0
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.1
-      ts-api-utils: 2.1.0(typescript@5.8.3)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
+  '@typescript-eslint/types@8.34.0': {}
 
   '@typescript-eslint/typescript-estree@8.33.1(typescript@5.8.3)':
     dependencies:
@@ -13871,6 +13920,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/typescript-estree@8.34.0(typescript@5.8.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.34.0(typescript@5.8.3)
+      '@typescript-eslint/tsconfig-utils': 8.34.0(typescript@5.8.3)
+      '@typescript-eslint/types': 8.34.0
+      '@typescript-eslint/visitor-keys': 8.34.0
+      debug: 4.4.1
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.7.2
+      ts-api-utils: 2.1.0(typescript@5.8.3)
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
@@ -13882,16 +13947,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.32.1':
-    dependencies:
-      '@typescript-eslint/types': 8.32.1
-      eslint-visitor-keys: 4.2.0
-
   '@typescript-eslint/visitor-keys@8.33.1':
     dependencies:
       '@typescript-eslint/types': 8.33.1
       eslint-visitor-keys: 4.2.0
 
+  '@typescript-eslint/visitor-keys@8.34.0':
+    dependencies:
+      '@typescript-eslint/types': 8.34.0
+      eslint-visitor-keys: 4.2.0
+
   '@univerjs/icons-svg@0.4.4': {}
 
   '@univerjs/icons@0.4.4(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
@@ -13904,18 +13969,6 @@ snapshots:
       '@grpc/grpc-js': 1.13.3
       rxjs: 7.8.2
 
-  '@vitejs/plugin-react@4.5.0(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
-    dependencies:
-      '@babel/core': 7.27.1
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.27.1)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.27.1)
-      '@rolldown/pluginutils': 1.0.0-beta.9
-      '@types/babel__core': 7.20.5
-      react-refresh: 0.17.0
-      vite: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
-    transitivePeerDependencies:
-      - supports-color
-
   '@vitejs/plugin-react@4.5.2(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
     dependencies:
       '@babel/core': 7.27.4
@@ -13933,7 +13986,7 @@ snapshots:
       vite: 6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
       vue: 3.5.16(typescript@5.8.3)
 
-  '@vitest/coverage-istanbul@3.1.4(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
+  '@vitest/coverage-istanbul@3.1.4(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
     dependencies:
       '@istanbuljs/schema': 0.1.3
       debug: 4.4.1
@@ -13945,17 +13998,17 @@ snapshots:
       magicast: 0.3.5
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+      vitest: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/eslint-plugin@1.2.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
+  '@vitest/eslint-plugin@1.2.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))':
     dependencies:
       '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
       eslint: 9.28.0(jiti@2.4.2)
     optionalDependencies:
       typescript: 5.8.3
-      vitest: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
+      vitest: 3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -15027,7 +15080,7 @@ snapshots:
 
   css.escape@1.5.1: {}
 
-  cssdb@8.2.5: {}
+  cssdb@8.3.0: {}
 
   cssesc@3.0.0: {}
 
@@ -15659,6 +15712,16 @@ snapshots:
     dependencies:
       eslint: 9.28.0(jiti@2.4.2)
 
+  eslint-plugin-better-tailwindcss@3.1.0(eslint@9.28.0(jiti@2.4.2))(tailwindcss@3.4.17):
+    dependencies:
+      enhanced-resolve: 5.18.1
+      eslint: 9.28.0(jiti@2.4.2)
+      jiti: 2.4.2
+      postcss: 8.5.4
+      postcss-import: 16.1.0(postcss@8.5.4)
+      synckit: 0.9.2
+      tailwindcss: 3.4.17
+
   eslint-plugin-command@3.2.1(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
       '@es-joy/jsdoccomment': 0.50.2
@@ -15917,11 +15980,6 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-readable-tailwind@1.9.1(eslint@9.28.0(jiti@2.4.2))(tailwindcss@3.4.17):
-    dependencies:
-      eslint: 9.28.0(jiti@2.4.2)
-      tailwindcss: 3.4.17
-
   eslint-plugin-regexp@2.9.0(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
@@ -15964,11 +16022,11 @@ snapshots:
       semver: 7.7.2
       strip-indent: 4.0.0
 
-  eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2)):
+  eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
       eslint: 9.28.0(jiti@2.4.2)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.34.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3)
 
   eslint-plugin-vue@10.2.0(eslint@9.28.0(jiti@2.4.2))(vue-eslint-parser@10.1.3(eslint@9.28.0(jiti@2.4.2))):
     dependencies:
@@ -16350,7 +16408,7 @@ snapshots:
     dependencies:
       basic-ftp: 5.0.5
       data-uri-to-buffer: 6.0.2
-      debug: 4.4.0
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
 
@@ -16465,9 +16523,10 @@ snapshots:
     optionalDependencies:
       uglify-js: 3.19.3
 
-  happy-dom@17.4.7:
+  happy-dom@18.0.1:
     dependencies:
-      webidl-conversions: 7.0.0
+      '@types/node': 20.19.0
+      '@types/whatwg-mimetype': 3.0.2
       whatwg-mimetype: 3.0.0
 
   has-bigints@1.1.0: {}
@@ -17885,7 +17944,7 @@ snapshots:
     dependencies:
       '@tootallnate/quickjs-emscripten': 0.23.0
       agent-base: 7.1.3
-      debug: 4.4.0
+      debug: 4.4.1
       get-uri: 6.0.4
       http-proxy-agent: 7.0.2
       https-proxy-agent: 7.0.6
@@ -18022,11 +18081,11 @@ snapshots:
       exsolve: 1.0.5
       pathe: 2.0.3
 
-  playwright-core@1.52.0: {}
+  playwright-core@1.53.0: {}
 
-  playwright@1.52.0:
+  playwright@1.53.0:
     dependencies:
-      playwright-core: 1.52.0
+      playwright-core: 1.53.0
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -18052,12 +18111,12 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-color-functional-notation@7.0.9(postcss@8.5.3):
+  postcss-color-functional-notation@7.0.10(postcss@8.5.3):
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
@@ -18073,28 +18132,28 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-custom-media@11.0.5(postcss@8.5.3):
+  postcss-custom-media@11.0.6(postcss@8.5.3):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 2.0.4(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/media-query-list-parser': 4.0.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/cascade-layer-name-parser': 2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
       postcss: 8.5.3
 
-  postcss-custom-properties@14.0.4(postcss@8.5.3):
+  postcss-custom-properties@14.0.6(postcss@8.5.3):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 2.0.4(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/cascade-layer-name-parser': 2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-custom-selectors@8.0.4(postcss@8.5.3):
+  postcss-custom-selectors@8.0.5(postcss@8.5.3):
     dependencies:
-      '@csstools/cascade-layer-name-parser': 2.0.4(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
+      '@csstools/cascade-layer-name-parser': 2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
 
@@ -18103,9 +18162,9 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
 
-  postcss-double-position-gradients@6.0.1(postcss@8.5.3):
+  postcss-double-position-gradients@6.0.2(postcss@8.5.3):
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
@@ -18141,17 +18200,24 @@ snapshots:
       read-cache: 1.0.0
       resolve: 1.22.10
 
+  postcss-import@16.1.0(postcss@8.5.4):
+    dependencies:
+      postcss: 8.5.4
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.10
+
   postcss-js@4.0.1(postcss@8.5.3):
     dependencies:
       camelcase-css: 2.0.1
       postcss: 8.5.3
 
-  postcss-lab-function@7.0.9(postcss@8.5.3):
+  postcss-lab-function@7.0.10(postcss@8.5.3):
     dependencies:
-      '@csstools/css-color-parser': 3.0.9(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
-      '@csstools/css-tokenizer': 3.0.3
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
+      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
       '@csstools/utilities': 2.0.0(postcss@8.5.3)
       postcss: 8.5.3
 
@@ -18216,9 +18282,9 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-nesting@13.0.1(postcss@8.5.3):
+  postcss-nesting@13.0.2(postcss@8.5.3):
     dependencies:
-      '@csstools/selector-resolve-nested': 3.0.0(postcss-selector-parser@7.1.0)
+      '@csstools/selector-resolve-nested': 3.1.0(postcss-selector-parser@7.1.0)
       '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0)
       postcss: 8.5.3
       postcss-selector-parser: 7.1.0
@@ -18241,65 +18307,66 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-preset-env@10.1.6(postcss@8.5.3):
+  postcss-preset-env@10.2.2(postcss@8.5.3):
     dependencies:
       '@csstools/postcss-cascade-layers': 5.0.1(postcss@8.5.3)
-      '@csstools/postcss-color-function': 4.0.9(postcss@8.5.3)
-      '@csstools/postcss-color-mix-function': 3.0.9(postcss@8.5.3)
-      '@csstools/postcss-content-alt-text': 2.0.5(postcss@8.5.3)
-      '@csstools/postcss-exponential-functions': 2.0.8(postcss@8.5.3)
+      '@csstools/postcss-color-function': 4.0.10(postcss@8.5.3)
+      '@csstools/postcss-color-mix-function': 3.0.10(postcss@8.5.3)
+      '@csstools/postcss-color-mix-variadic-function-arguments': 1.0.0(postcss@8.5.3)
+      '@csstools/postcss-content-alt-text': 2.0.6(postcss@8.5.3)
+      '@csstools/postcss-exponential-functions': 2.0.9(postcss@8.5.3)
       '@csstools/postcss-font-format-keywords': 4.0.0(postcss@8.5.3)
-      '@csstools/postcss-gamut-mapping': 2.0.9(postcss@8.5.3)
-      '@csstools/postcss-gradients-interpolation-method': 5.0.9(postcss@8.5.3)
-      '@csstools/postcss-hwb-function': 4.0.9(postcss@8.5.3)
-      '@csstools/postcss-ic-unit': 4.0.1(postcss@8.5.3)
+      '@csstools/postcss-gamut-mapping': 2.0.10(postcss@8.5.3)
+      '@csstools/postcss-gradients-interpolation-method': 5.0.10(postcss@8.5.3)
+      '@csstools/postcss-hwb-function': 4.0.10(postcss@8.5.3)
+      '@csstools/postcss-ic-unit': 4.0.2(postcss@8.5.3)
       '@csstools/postcss-initial': 2.0.1(postcss@8.5.3)
-      '@csstools/postcss-is-pseudo-class': 5.0.1(postcss@8.5.3)
-      '@csstools/postcss-light-dark-function': 2.0.8(postcss@8.5.3)
+      '@csstools/postcss-is-pseudo-class': 5.0.2(postcss@8.5.3)
+      '@csstools/postcss-light-dark-function': 2.0.9(postcss@8.5.3)
       '@csstools/postcss-logical-float-and-clear': 3.0.0(postcss@8.5.3)
       '@csstools/postcss-logical-overflow': 2.0.0(postcss@8.5.3)
       '@csstools/postcss-logical-overscroll-behavior': 2.0.0(postcss@8.5.3)
       '@csstools/postcss-logical-resize': 3.0.0(postcss@8.5.3)
-      '@csstools/postcss-logical-viewport-units': 3.0.3(postcss@8.5.3)
-      '@csstools/postcss-media-minmax': 2.0.8(postcss@8.5.3)
-      '@csstools/postcss-media-queries-aspect-ratio-number-values': 3.0.4(postcss@8.5.3)
+      '@csstools/postcss-logical-viewport-units': 3.0.4(postcss@8.5.3)
+      '@csstools/postcss-media-minmax': 2.0.9(postcss@8.5.3)
+      '@csstools/postcss-media-queries-aspect-ratio-number-values': 3.0.5(postcss@8.5.3)
       '@csstools/postcss-nested-calc': 4.0.0(postcss@8.5.3)
       '@csstools/postcss-normalize-display-values': 4.0.0(postcss@8.5.3)
-      '@csstools/postcss-oklab-function': 4.0.9(postcss@8.5.3)
-      '@csstools/postcss-progressive-custom-properties': 4.0.1(postcss@8.5.3)
-      '@csstools/postcss-random-function': 2.0.0(postcss@8.5.3)
-      '@csstools/postcss-relative-color-syntax': 3.0.9(postcss@8.5.3)
+      '@csstools/postcss-oklab-function': 4.0.10(postcss@8.5.3)
+      '@csstools/postcss-progressive-custom-properties': 4.1.0(postcss@8.5.3)
+      '@csstools/postcss-random-function': 2.0.1(postcss@8.5.3)
+      '@csstools/postcss-relative-color-syntax': 3.0.10(postcss@8.5.3)
       '@csstools/postcss-scope-pseudo-class': 4.0.1(postcss@8.5.3)
-      '@csstools/postcss-sign-functions': 1.1.3(postcss@8.5.3)
-      '@csstools/postcss-stepped-value-functions': 4.0.8(postcss@8.5.3)
+      '@csstools/postcss-sign-functions': 1.1.4(postcss@8.5.3)
+      '@csstools/postcss-stepped-value-functions': 4.0.9(postcss@8.5.3)
       '@csstools/postcss-text-decoration-shorthand': 4.0.2(postcss@8.5.3)
-      '@csstools/postcss-trigonometric-functions': 4.0.8(postcss@8.5.3)
+      '@csstools/postcss-trigonometric-functions': 4.0.9(postcss@8.5.3)
       '@csstools/postcss-unset-value': 4.0.0(postcss@8.5.3)
       autoprefixer: 10.4.21(postcss@8.5.3)
-      browserslist: 4.24.5
+      browserslist: 4.25.0
       css-blank-pseudo: 7.0.1(postcss@8.5.3)
       css-has-pseudo: 7.0.2(postcss@8.5.3)
       css-prefers-color-scheme: 10.0.0(postcss@8.5.3)
-      cssdb: 8.2.5
+      cssdb: 8.3.0
       postcss: 8.5.3
       postcss-attribute-case-insensitive: 7.0.1(postcss@8.5.3)
       postcss-clamp: 4.1.0(postcss@8.5.3)
-      postcss-color-functional-notation: 7.0.9(postcss@8.5.3)
+      postcss-color-functional-notation: 7.0.10(postcss@8.5.3)
       postcss-color-hex-alpha: 10.0.0(postcss@8.5.3)
       postcss-color-rebeccapurple: 10.0.0(postcss@8.5.3)
-      postcss-custom-media: 11.0.5(postcss@8.5.3)
-      postcss-custom-properties: 14.0.4(postcss@8.5.3)
-      postcss-custom-selectors: 8.0.4(postcss@8.5.3)
+      postcss-custom-media: 11.0.6(postcss@8.5.3)
+      postcss-custom-properties: 14.0.6(postcss@8.5.3)
+      postcss-custom-selectors: 8.0.5(postcss@8.5.3)
       postcss-dir-pseudo-class: 9.0.1(postcss@8.5.3)
-      postcss-double-position-gradients: 6.0.1(postcss@8.5.3)
+      postcss-double-position-gradients: 6.0.2(postcss@8.5.3)
       postcss-focus-visible: 10.0.1(postcss@8.5.3)
       postcss-focus-within: 9.0.1(postcss@8.5.3)
       postcss-font-variant: 5.0.0(postcss@8.5.3)
       postcss-gap-properties: 6.0.0(postcss@8.5.3)
       postcss-image-set-function: 7.0.0(postcss@8.5.3)
-      postcss-lab-function: 7.0.9(postcss@8.5.3)
+      postcss-lab-function: 7.0.10(postcss@8.5.3)
       postcss-logical: 8.1.0(postcss@8.5.3)
-      postcss-nesting: 13.0.1(postcss@8.5.3)
+      postcss-nesting: 13.0.2(postcss@8.5.3)
       postcss-opacity-percentage: 3.0.0(postcss@8.5.3)
       postcss-overflow-shorthand: 6.0.0(postcss@8.5.3)
       postcss-page-break: 3.0.4(postcss@8.5.3)
@@ -19124,7 +19191,7 @@ snapshots:
   socks-proxy-agent@8.0.5:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.4.0
+      debug: 4.4.1
       socks: 2.8.4
     transitivePeerDependencies:
       - supports-color
@@ -19836,7 +19903,7 @@ snapshots:
       tsx: 4.19.4
       yaml: 2.8.0
 
-  vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0):
+  vitest@3.1.4(@types/debug@4.1.12)(@types/node@24.0.0)(happy-dom@18.0.1)(jiti@2.4.2)(jsdom@26.1.0)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.1.4
       '@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@24.0.0)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.8.0))
@@ -19862,7 +19929,7 @@ snapshots:
     optionalDependencies:
       '@types/debug': 4.1.12
       '@types/node': 24.0.0
-      happy-dom: 17.4.7
+      happy-dom: 18.0.1
       jsdom: 26.1.0
     transitivePeerDependencies:
       - jiti