diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 23158b9f3d97a..e982742326b2d 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,5 +1,28 @@
 ## Changelog
 
+### 2.6.2
+
+_2024-03-22_
+
+#### Features
+
+- Components [breadcrumb] aria-label uses locale (#16089 by @btea)
+
+#### Bug fixes
+
+- Components [anchor] `type` default value typo (#16102 by @cullyfung)
+- Components [tree] remove duplicate type declaration (#16106 by @inside5545)
+- Components [cascader] form nested causing clear icon invalid (#16068 by @btea)
+- Components [anchor,tour] the `type`  type typo (#16119 by @warmthsea)
+- Components [select] stop the click event propagation of `header/footer` slot (#16151 by @warmthsea)
+- Components [tree] the value of append can be zero (#16130 by @btea)
+- Components [select & select-v2] click toggleMenu add prevent (#16149 by @kooriookami)
+- Theme-chalk replace `gulp-clean-css` with `cssnano` (#16056 by @zhixiaotong)
+- Components [tag] remove duplicate style (#16174 by @btea)
+- Hooks SSR hydration error caused by z-index (#16175 by @tolking)
+- Components [cascader-panel] get the reactive proxy of `node` to trigger side effects (#16198 by @makedopamine)
+- Style(components): [anchor] marker transition expression incorrect (#16100 by @zeyongTsai)
+
 ### 2.6.1
 
 _2024-03-08_
diff --git a/docs/.vitepress/vitepress/components/globals/overview.vue b/docs/.vitepress/vitepress/components/globals/overview.vue
index 2aa2f6db7078c..0a0c112930210 100644
--- a/docs/.vitepress/vitepress/components/globals/overview.vue
+++ b/docs/.vitepress/vitepress/components/globals/overview.vue
@@ -84,9 +84,14 @@ const filteredSidebars = computed(() =>
     .slice(1)
     .map((group) => ({
       ...group,
-      children: group.children.filter((item) =>
-        item.text.toLowerCase().includes(query.value.trim().toLowerCase())
-      ),
+      children: group.children.filter((item) => {
+        const value = query.value.trim().toLowerCase()
+        return (
+          group.text.toLowerCase().includes(value) ||
+          item.text.toLowerCase().includes(value) ||
+          item.promotion?.includes(value)
+        )
+      }),
     }))
     .filter((group) => group.children.length)
 )
@@ -133,7 +138,7 @@ const getIcon = (link: string) => {
         grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
         gap: 16px;
 
-        ::v-deep(.el-card) {
+        :deep(.el-card) {
           cursor: pointer;
 
           .el-card__header {
diff --git a/docs/en-US/component/anchor.md b/docs/en-US/component/anchor.md
index 99d8580dc8f99..4753a2571ce5f 100644
--- a/docs/en-US/component/anchor.md
+++ b/docs/en-US/component/anchor.md
@@ -84,7 +84,7 @@ anchor/affix
 | bound     | the offset of the element starting to trigger the anchor.  | `number`                               | 15         |
 | duration  | set the scroll duration of the container, in milliseconds. | `number`                               | 300        |
 | marker    | whether to show the marker.                                | ^[boolean]                             | true       |
-| type      | set Anchor type.                                           | ^[enum]`'defalut' \| 'underline'`      | `default`  |
+| type      | set Anchor type.                                           | ^[enum]`'default' \| 'underline'`      | `default`  |
 | direction | Set Anchor direction.                                      | ^[enum]`'vertical' \| 'horizontal'`    | `vertical` |
 
 ### Anchor Events
diff --git a/docs/en-US/component/checkbox.md b/docs/en-US/component/checkbox.md
index 58f70b8aa9ce8..4b1215830b8df 100644
--- a/docs/en-US/component/checkbox.md
+++ b/docs/en-US/component/checkbox.md
@@ -132,7 +132,7 @@ checkbox/with-border
 | max                   | maximum number of checkbox checked                | ^[number]                                | —       |
 | label                 | label for screen reader                           | ^[string]                                | —       |
 | text-color            | font color when button is active                  | ^[string]                                | #ffffff |
-| fill                  | border and background color when button is active | ^[string]                                | #409EFF |
+| fill                  | border and background color when button is active | ^[string]                                | #409eff |
 | tag                   | element tag of the checkbox group                 | ^[string]                                | div     |
 | validate-event        | whether to trigger form validation                | ^[boolean]                               | true    |
 
diff --git a/docs/en-US/component/drawer.md b/docs/en-US/component/drawer.md
index 42a753a7facec..f492f398a889a 100644
--- a/docs/en-US/component/drawer.md
+++ b/docs/en-US/component/drawer.md
@@ -98,7 +98,7 @@ Drawer provides an API called `destroyOnClose`, which is a flag variable that in
 | custom-class ^(deprecated) | Extra class names for Drawer                                                                                                                                                                                                                                                                                 | ^[string]                                                                                                                                                                                      | —       |
 | destroy-on-close           | Indicates whether children should be destroyed after Drawer closed                                                                                                                                                                                                                                           | ^[boolean]                                                                                                                                                                                     | false   |
 | modal                      | Should show shadowing layer                                                                                                                                                                                                                                                                                  | ^[boolean]                                                                                                                                                                                     | true    |
-| direction                  | Drawer's opening direction                                                                                                                                                                                                                                                                                   | ^[enum]`'rtl' \| 'ltr' \| 'ttb' \| 'btt' \| 'rtl'`                                                                                                                                             | rtl     |
+| direction                  | Drawer's opening direction                                                                                                                                                                                                                                                                                   | ^[enum]`'rtl' \| 'ltr' \| 'ttb' \| 'btt'`                                                                                                                                                      | rtl     |
 | show-close                 | Should show close button at the top right of Drawer                                                                                                                                                                                                                                                          | ^[boolean]                                                                                                                                                                                     | true    |
 | size                       | Drawer's size, if Drawer is horizontal mode, it effects the width property, otherwise it effects the height property, when size is `number` type, it describes the size by unit of pixels; when size is `string` type, it should be used with `x%` notation, other wise it will be interpreted to pixel unit | ^[number] / ^[string]                                                                                                                                                                          | 30%     |
 | title                      | Drawer's title, can also be set by named slot, detailed descriptions can be found in the slot form                                                                                                                                                                                                           | ^[string]                                                                                                                                                                                      | —       |
diff --git a/docs/en-US/component/icon.md b/docs/en-US/component/icon.md
index f91658b8a34d8..5d593b6f2f077 100644
--- a/docs/en-US/component/icon.md
+++ b/docs/en-US/component/icon.md
@@ -129,7 +129,7 @@ import { Edit, Share, Delete, Search, Loading } from '@element-plus/icons-vue'
   <el-icon :size="20">
     <Edit />
   </el-icon>
-  <el-icon color="#409EFC" class="no-inherit">
+  <el-icon color="#409efc" class="no-inherit">
     <Share />
   </el-icon>
   <el-icon>
@@ -156,7 +156,7 @@ import { Edit, Share, Delete, Search, Loading } from '@element-plus/icons-vue'
     <ElIcon :size="20">
       <Edit />
     </ElIcon>
-    <ElIcon color="#409EFC" class="no-inherit">
+    <ElIcon color="#409efc" class="no-inherit">
       <Share />
     </ElIcon>
     <ElIcon>
diff --git a/docs/en-US/component/menu.md b/docs/en-US/component/menu.md
index 9de2418180d08..863565dd13c2e 100644
--- a/docs/en-US/component/menu.md
+++ b/docs/en-US/component/menu.md
@@ -72,7 +72,7 @@ menu/popper-offset
 | popper-offset ^(2.4.4)          | offset of the popper (effective for all submenus)                                                                                                                     | number                | —                     | 6        |
 | background-color                | background color of Menu (hex format) (deprecated, use `--bg-color` instead)                                                                                          | string                | —                     | #ffffff  |
 | text-color                      | text color of Menu (hex format) (deprecated, use `--text-color` instead)                                                                                              | string                | —                     | #303133  |
-| active-text-color               | text color of currently active menu item (hex format) (deprecated, use `--active-color` instead)                                                                      | string                | —                     | #409EFF  |
+| active-text-color               | text color of currently active menu item (hex format) (deprecated, use `--active-color` instead)                                                                      | string                | —                     | #409eff  |
 | default-active                  | index of active menu on page load                                                                                                                                     | string                | —                     | —        |
 | default-openeds                 | array that contains indexes of currently active sub-menus                                                                                                             | Array                 | —                     | —        |
 | unique-opened                   | whether only one sub-menu can be active                                                                                                                               | boolean               | —                     | false    |
diff --git a/docs/en-US/component/message-box.md b/docs/en-US/component/message-box.md
index a0b8030fa1ef2..0bf0ef810a799 100644
--- a/docs/en-US/component/message-box.md
+++ b/docs/en-US/component/message-box.md
@@ -187,7 +187,7 @@ The corresponding methods are: `ElMessageBox`, `ElMessageBox.alert`, `ElMessageB
 | input-type                   | type of input                                                                                                                            | ^[string]                                                                          | text                                             |
 | input-value                  | initial value of input                                                                                                                   | ^[string]                                                                          | null                                             |
 | input-pattern                | regexp for the input                                                                                                                     | ^[regexp]                                                                          | null                                             |
-| input-validator              | validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage | ^[Function]`(value: string) => boolea \| string`                                   | null                                             |
+| input-validator              | validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage | ^[Function]`(value: string) => boolean \| string`                                  | null                                             |
 | input-error-message          | error message when validation fails                                                                                                      | ^[string]                                                                          | Illegal input                                    |
 | center                       | whether to align the content in center                                                                                                   | ^[boolean]                                                                         | false                                            |
 | draggable                    | whether MessageBox is draggable                                                                                                          | ^[boolean]                                                                         | false                                            |
diff --git a/docs/en-US/component/radio.md b/docs/en-US/component/radio.md
index 9f06934c8ad2f..e556533f161fe 100644
--- a/docs/en-US/component/radio.md
+++ b/docs/en-US/component/radio.md
@@ -99,7 +99,7 @@ radio/with-borders
 | size                  | the size of radio buttons or bordered radios      | ^[string]                          | default |
 | disabled              | whether the nesting radios are disabled           | ^[boolean]                         | false   |
 | text-color            | font color when button is active                  | ^[string]                          | #ffffff |
-| fill                  | border and background color when button is active | ^[string]                          | #409EFF |
+| fill                  | border and background color when button is active | ^[string]                          | #409eff |
 | validate-event        | whether to trigger form validation                | ^[boolean]                         | true    |
 | label ^(a11y)         | same as `aria-label` in RadioGroup                | ^[string]                          | —       |
 | name                  | native `name` attribute                           | ^[string]                          | —       |
diff --git a/docs/en-US/component/rate.md b/docs/en-US/component/rate.md
index 94eda0338b4d1..3b55423442246 100644
--- a/docs/en-US/component/rate.md
+++ b/docs/en-US/component/rate.md
@@ -96,9 +96,9 @@ Use `css/scss` language to change the global or local color. We set some global
 | allow-half            | whether picking half start is allowed                                                                                                                                                                                          | ^[boolean]                                                                | false                                                              |
 | low-threshold         | threshold value between low and medium level. The value itself will be included in low level                                                                                                                                   | ^[number]                                                                 | 2                                                                  |
 | high-threshold        | threshold value between medium and high level. The value itself will be included in high level                                                                                                                                 | ^[number]                                                                 | 4                                                                  |
-| colors                | colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color         | ^[object]`string[] \| Record<number, string>`                             | ['#F7BA2A', '#F7BA2A', '#F7BA2A']                                  |
-| void-color            | color of unselected icons                                                                                                                                                                                                      | ^[string]                                                                 | #C6D1DE                                                            |
-| disabled-void-color   | color of unselected read-only icons                                                                                                                                                                                            | ^[string]                                                                 | #EFF2F7                                                            |
+| colors                | colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color         | ^[object]`string[] \| Record<number, string>`                             | ['#f7ba2a', '#f7ba2a', '#f7ba2a']                                  |
+| void-color            | color of unselected icons                                                                                                                                                                                                      | ^[string]                                                                 | #c6d1de                                                            |
+| disabled-void-color   | color of unselected read-only icons                                                                                                                                                                                            | ^[string]                                                                 | #eff2f7                                                            |
 | icons                 | icon components. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon component | ^[object]`string[] \| Component[] \| Record<number, string \| Component>` | [StarFilled, StarFilled, StarFilled]                               |
 | void-icon             | component of unselected icons                                                                                                                                                                                                  | ^[string] / ^[Component]                                                  | Star                                                               |
 | disabled-void-icon    | component of unselected read-only icons                                                                                                                                                                                        | ^[string] / ^[Component]                                                  | StarFilled                                                         |
diff --git a/docs/en-US/component/select-v2.md b/docs/en-US/component/select-v2.md
index f345533c32e46..ccd13b7d07f17 100644
--- a/docs/en-US/component/select-v2.md
+++ b/docs/en-US/component/select-v2.md
@@ -239,7 +239,7 @@ select-v2/custom-loading
 | remote-method                       | function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true | ^[Function]`(keyword: string) => void`                                                                                                                                      | —                                              |
 | validate-event                      | whether to trigger form validation                                                                                                       | ^[boolean]                                                                                                                                                                  | true                                           |
 | placement                           | position of dropdown                                                                                                                     | ^[enum]`'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end' \| 'left' \| 'left-start' \| 'left-end' \| 'right' \| 'right-start' \| 'right-end'` | bottom-start                                   |
-| fallback-placements ^(2.5.6)        | list of possible positions for dropdown [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)                    | ^[arrary]`Placement[]`                                                                                                                                                      | ['bottom-start', 'top-start', 'right', 'left'] |
+| fallback-placements ^(2.5.6)        | list of possible positions for dropdown [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)                    | ^[array]`Placement[]`                                                                                                                                                       | ['bottom-start', 'top-start', 'right', 'left'] |
 | collapse-tags-tooltip ^(2.3.0)      | whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true                         | ^[boolean]                                                                                                                                                                  | false                                          |
 | max-collapse-tags ^(2.3.0)          | The max tags number to be shown. To use this, `collapse-tags` must be true                                                               | ^[number]                                                                                                                                                                   | 1                                              |
 | tag-type ^(2.5.0)                   | tag type                                                                                                                                 | ^[enum]`'' \| 'success' \| 'info' \| 'warning' \| 'danger'`                                                                                                                 | info                                           |
diff --git a/docs/en-US/component/select.md b/docs/en-US/component/select.md
index ec9e5f8046531..7297bbc6c5604 100644
--- a/docs/en-US/component/select.md
+++ b/docs/en-US/component/select.md
@@ -201,7 +201,7 @@ select/custom-loading
 | tag-type                        | tag type                                                                                                              | ^[enum]`'' \| 'success' \| 'info' \| 'warning' \| 'danger'`                                                                                                                 | info                                           |
 | validate-event                  | whether to trigger form validation                                                                                    | ^[boolean]                                                                                                                                                                  | true                                           |
 | placement ^(2.2.17)             | position of dropdown                                                                                                  | ^[enum]`'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end' \| 'left' \| 'left-start' \| 'left-end' \| 'right' \| 'right-start' \| 'right-end'` | bottom-start                                   |
-| fallback-placements ^(2.5.6)    | list of possible positions for dropdown [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) | ^[arrary]`Placement[]`                                                                                                                                                      | ['bottom-start', 'top-start', 'right', 'left'] |
+| fallback-placements ^(2.5.6)    | list of possible positions for dropdown [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) | ^[array]`Placement[]`                                                                                                                                                       | ['bottom-start', 'top-start', 'right', 'left'] |
 | max-collapse-tags ^(2.3.0)      | the max tags number to be shown. To use this, `collapse-tags` must be true                                            | ^[number]                                                                                                                                                                   | 1                                              |
 | popper-options                  | [popper.js](https://popper.js.org/docs/v2/) parameters                                                                | ^[object]refer to [popper.js](https://popper.js.org/docs/v2/) doc                                                                                                           | {}                                             |
 | aria-label ^(a11y)              | same as `aria-label` in native input                                                                                  | ^[string]                                                                                                                                                                   | —                                              |
diff --git a/docs/en-US/component/tooltip.md b/docs/en-US/component/tooltip.md
index b1edabebfb9ae..0a1f6b1b2aefc 100644
--- a/docs/en-US/component/tooltip.md
+++ b/docs/en-US/component/tooltip.md
@@ -157,7 +157,7 @@ tooltip/animations
 | content                   | display content, can be overridden by `slot#content`                                                                                                    | ^[string]                                                                                                                                                                   | ''                |
 | raw-content               | whether `content` is treated as HTML string                                                                                                             | ^[boolean]                                                                                                                                                                  | false             |
 | placement                 | position of Tooltip                                                                                                                                     | ^[enum]`'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end' \| 'left' \| 'left-start' \| 'left-end' \| 'right' \| 'right-start' \| 'right-end'` | bottom            |
-| fallback-placements       | list of possible positions for Tooltip [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)                                    | ^[arrary]`Placement[]`                                                                                                                                                      | —                 |
+| fallback-placements       | list of possible positions for Tooltip [popper.js](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)                                    | ^[array]`Placement[]`                                                                                                                                                       | —                 |
 | visible / v-model:visible | visibility of Tooltip                                                                                                                                   | ^[boolean]                                                                                                                                                                  | —                 |
 | disabled                  | whether Tooltip is disabled                                                                                                                             | ^[boolean]                                                                                                                                                                  | —                 |
 | offset                    | offset of the Tooltip                                                                                                                                   | ^[number]                                                                                                                                                                   | 12                |
diff --git a/docs/en-US/component/tree-v2.md b/docs/en-US/component/tree-v2.md
index e29b302b1e0c3..3d133c82b4174 100644
--- a/docs/en-US/component/tree-v2.md
+++ b/docs/en-US/component/tree-v2.md
@@ -61,7 +61,7 @@ tree-v2/custom-node
 
 Tree nodes can be filtered
 
-:::demo Invoke the `filter` method of the Tree instance to filter tree nodes. Its parameter is the filtering keyword. Note that for it to work, `filter-node-method` is required, and its value is the filtering method.
+:::demo Invoke the `filter` method of the Tree instance to filter tree nodes. Its parameter is the filtering keyword. Note that for it to work, `filter-method` is required, and its value is the filtering method.
 
 tree-v2/filter
 
diff --git a/docs/en-US/guide/ssr.md b/docs/en-US/guide/ssr.md
index 06e76529c7da8..afdebabf8fa74 100644
--- a/docs/en-US/guide/ssr.md
+++ b/docs/en-US/guide/ssr.md
@@ -31,6 +31,20 @@ app.provide(ID_INJECTION_KEY, {
 })
 ```
 
+## Provide ZIndex
+
+When you using SSR for development, you may encounter hydration errors caused by `z-index`. In this case, we recommend injecting an initial value to avoid such errors.
+
+```ts
+// src/main.js (irrelevant code omitted)
+import { createApp } from 'vue'
+import { ZINDEX_INJECTION_KEY } from 'element-plus'
+import App from './App.vue'
+
+const app = createApp(App)
+app.provide(ZINDEX_INJECTION_KEY, { current: 0 })
+```
+
 ## Teleports
 
 [Teleport](https://vuejs.org/guide/scaling-up/ssr.html#teleports) is used internally by multiple components in Element Plus (eg. ElDialog, ElDrawer, ElTooltip, ElDropdown, ElSelect, ElDatePicker ...), so special handling is required during SSR.
@@ -79,7 +93,7 @@ There may be some [SSR problems with teleport](https://github.com/vuejs/core/iss
 
 1. The `teleported` attribute in all components based on ElTooltip should be consistent, it is recommended to use the default value.
 2. The `append-to-body` attribute value of ElDialog and ElDrawer should be consistent, it is recommended to enable the `append-to-body`.
-3. When the ElSubMenu component has a multi-layer popup, It is recommended to enable the `popper-append-to-body`
+3. When the ElSubMenu component has a multi-layer popup, It is recommended to enable the `teleported`
 
 :::
 
diff --git a/docs/examples/anchor/scroll.vue b/docs/examples/anchor/scroll.vue
index cc003749500f9..8cb7b88aa1d61 100644
--- a/docs/examples/anchor/scroll.vue
+++ b/docs/examples/anchor/scroll.vue
@@ -52,7 +52,7 @@
         <el-anchor
           :container="containerRef"
           direction="vertical"
-          type="defalut"
+          type="default"
           :offset="30"
           @click="handleClick"
         >
diff --git a/global.d.ts b/global.d.ts
index f09f9ab63eb91..1a9429ffcaae3 100644
--- a/global.d.ts
+++ b/global.d.ts
@@ -6,6 +6,8 @@ declare module '@vue/runtime-core' {
     ElAside: typeof import('element-plus')['ElAside']
     ElAutocomplete: typeof import('element-plus')['ElAutocomplete']
     ElAvatar: typeof import('element-plus')['ElAvatar']
+    ElAnchor: typeof import('element-plus')['ElAnchor']
+    ElAnchorLink: typeof import('element-plus')['ElAnchorLink']
     ElBacktop: typeof import('element-plus')['ElBacktop']
     ElBadge: typeof import('element-plus')['ElBadge']
     ElBreadcrumb: typeof import('element-plus')['ElBreadcrumb']
diff --git a/packages/components/anchor/src/anchor.ts b/packages/components/anchor/src/anchor.ts
index fba9540e25a8d..eb4900086798a 100644
--- a/packages/components/anchor/src/anchor.ts
+++ b/packages/components/anchor/src/anchor.ts
@@ -50,8 +50,8 @@ export const anchorProps = buildProps({
    * @description Set Anchor type
    */
   type: {
-    type: definePropType<'defalut' | 'underline'>(String),
-    default: 'defalut',
+    type: definePropType<'default' | 'underline'>(String),
+    default: 'default',
   },
   /**
    * @description Set Anchor direction
diff --git a/packages/components/breadcrumb/src/breadcrumb.vue b/packages/components/breadcrumb/src/breadcrumb.vue
index e49b505c57df4..ce4e0ec6fc198 100644
--- a/packages/components/breadcrumb/src/breadcrumb.vue
+++ b/packages/components/breadcrumb/src/breadcrumb.vue
@@ -2,7 +2,7 @@
   <div
     ref="breadcrumb"
     :class="ns.b()"
-    aria-label="Breadcrumb"
+    :aria-label="t('el.breadcrumb.label')"
     role="navigation"
   >
     <slot />
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import { onMounted, provide, ref } from 'vue'
-import { useNamespace } from '@element-plus/hooks'
+import { useLocale, useNamespace } from '@element-plus/hooks'
 import { breadcrumbKey } from './constants'
 import { breadcrumbProps } from './breadcrumb'
 
@@ -19,6 +19,7 @@ defineOptions({
   name: 'ElBreadcrumb',
 })
 
+const { t } = useLocale()
 const props = defineProps(breadcrumbProps)
 
 const ns = useNamespace('breadcrumb')
diff --git a/packages/components/cascader-panel/__tests__/cascader-panel.test.tsx b/packages/components/cascader-panel/__tests__/cascader-panel.test.tsx
index 77773c027245f..301d3bdfb83ec 100644
--- a/packages/components/cascader-panel/__tests__/cascader-panel.test.tsx
+++ b/packages/components/cascader-panel/__tests__/cascader-panel.test.tsx
@@ -3,6 +3,7 @@ import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, test, vi } from 'vitest'
 import { Check, Loading } from '@element-plus/icons-vue'
 import CascaderPanel from '../src/index.vue'
+import Node from '../src/node.vue'
 
 import type {
   CascaderOption,
@@ -675,4 +676,17 @@ describe('CascaderPanel.vue', () => {
     await nextTick()
     expect(vm.getCheckedNodes(true)?.length).toBe(1)
   })
+
+  test('rerender node after changing model-value', async () => {
+    const value = ref(['zhejiang', 'hangzhou'])
+    const wrapper = mount(() => (
+      <CascaderPanel options={NORMAL_OPTIONS} model-value={value.value} />
+    ))
+    const nodes = wrapper.findAllComponents(Node)
+    const node = nodes.find((node) => node.props('node').value === 'ningbo')
+    expect(node!.classes('is-active')).toBe(false)
+    value.value = ['zhejiang', 'ningbo']
+    await nextTick()
+    expect(node!.classes('is-active')).toBe(true)
+  })
 })
diff --git a/packages/components/cascader-panel/src/index.vue b/packages/components/cascader-panel/src/index.vue
index 6ca9b1222ce90..74a8484125e87 100644
--- a/packages/components/cascader-panel/src/index.vue
+++ b/packages/components/cascader-panel/src/index.vue
@@ -265,11 +265,7 @@ export default defineComponent({
       }
 
       oldNodes.forEach((node) => node.doCheck(false))
-      if (props.props.multiple) {
-        reactive(newNodes).forEach((node) => node.doCheck(true))
-      } else {
-        newNodes.forEach((node) => node.doCheck(true))
-      }
+      reactive(newNodes).forEach((node) => node.doCheck(true))
       checkedNodes.value = newNodes
       nextTick(scrollToExpandingNode)
     }
diff --git a/packages/components/cascader/src/cascader.vue b/packages/components/cascader/src/cascader.vue
index 970c4a7c0e67e..d684cfc601fa6 100644
--- a/packages/components/cascader/src/cascader.vue
+++ b/packages/components/cascader/src/cascader.vue
@@ -69,7 +69,14 @@
           </template>
         </el-input>
 
-        <div v-if="multiple" ref="tagWrapper" :class="nsCascader.e('tags')">
+        <div
+          v-if="multiple"
+          ref="tagWrapper"
+          :class="[
+            nsCascader.e('tags'),
+            nsCascader.is('validate', Boolean(validateState)),
+          ]"
+        >
           <el-tag
             v-for="tag in presentTags"
             :key="tag.key"
@@ -326,6 +333,8 @@ const presentText = computed(() => {
     : ''
 })
 
+const validateState = computed(() => formItem?.validateState || '')
+
 const checkedValue = computed<CascaderValue>({
   get() {
     return cloneDeep(props.modelValue) as CascaderValue
diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue
index ab261cbf162e4..9d025b69d29c3 100644
--- a/packages/components/select-v2/src/select.vue
+++ b/packages/components/select-v2/src/select.vue
@@ -5,7 +5,7 @@
     :class="[nsSelect.b(), nsSelect.m(selectSize)]"
     @mouseenter="states.inputHovering = true"
     @mouseleave="states.inputHovering = false"
-    @click.stop="toggleMenu"
+    @click.prevent.stop="toggleMenu"
   >
     <el-tooltip
       ref="tooltipRef"
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index 43b29de4027d2..c3f4cfcad8eb9 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -5,7 +5,7 @@
     :class="[nsSelect.b(), nsSelect.m(selectSize)]"
     @mouseenter="states.inputHovering = true"
     @mouseleave="states.inputHovering = false"
-    @click.stop="toggleMenu"
+    @click.prevent.stop="toggleMenu"
   >
     <el-tooltip
       ref="tooltipRef"
@@ -210,7 +210,11 @@
       </template>
       <template #content>
         <el-select-menu ref="menuRef">
-          <div v-if="$slots.header" :class="nsSelect.be('dropdown', 'header')">
+          <div
+            v-if="$slots.header"
+            :class="nsSelect.be('dropdown', 'header')"
+            @click.stop
+          >
             <slot name="header" />
           </div>
           <el-scrollbar
@@ -248,7 +252,11 @@
               <span>{{ emptyText }}</span>
             </slot>
           </div>
-          <div v-if="$slots.footer" :class="nsSelect.be('dropdown', 'footer')">
+          <div
+            v-if="$slots.footer"
+            :class="nsSelect.be('dropdown', 'footer')"
+            @click.stop
+          >
             <slot name="footer" />
           </div>
         </el-select-menu>
diff --git a/packages/components/tour/src/step.ts b/packages/components/tour/src/step.ts
index dfb062000ff04..90669462bd823 100644
--- a/packages/components/tour/src/step.ts
+++ b/packages/components/tour/src/step.ts
@@ -80,7 +80,7 @@ export const tourStepProps = buildProps({
    * @description type, affects the background color and text color
    */
   type: {
-    type: definePropType<'defalut' | 'primary'>(String),
+    type: definePropType<'default' | 'primary'>(String),
   },
 })
 
diff --git a/packages/components/tour/src/tour.ts b/packages/components/tour/src/tour.ts
index 77e94ad6a8d3f..0d1de36cf22d0 100644
--- a/packages/components/tour/src/tour.ts
+++ b/packages/components/tour/src/tour.ts
@@ -89,7 +89,7 @@ export const tourProps = buildProps({
    * @description type, affects the background color and text color
    */
   type: {
-    type: definePropType<'defalut' | 'primary'>(String),
+    type: definePropType<'default' | 'primary'>(String),
   },
   /**
    * @description which element the TourContent appends to
diff --git a/packages/components/tree/src/model/tree-store.ts b/packages/components/tree/src/model/tree-store.ts
index 78fd406d5cb3c..d5ec368d30e31 100644
--- a/packages/components/tree/src/model/tree-store.ts
+++ b/packages/components/tree/src/model/tree-store.ts
@@ -1,5 +1,5 @@
 // @ts-nocheck
-import { hasOwn, isObject } from '@element-plus/utils'
+import { hasOwn, isObject, isPropAbsent } from '@element-plus/utils'
 import Node from './node'
 import { getNodeKey } from './util'
 
@@ -144,7 +144,9 @@ export default class TreeStore {
   }
 
   append(data: TreeNodeData, parentData: TreeNodeData | TreeKey | Node): void {
-    const parentNode = parentData ? this.getNode(parentData) : this.root
+    const parentNode = !isPropAbsent(parentData)
+      ? this.getNode(parentData)
+      : this.root
 
     if (parentNode) {
       parentNode.insertChild({ data })
diff --git a/packages/components/tree/src/tree.type.ts b/packages/components/tree/src/tree.type.ts
index 15a4dcc167a49..406b6f4169bea 100644
--- a/packages/components/tree/src/tree.type.ts
+++ b/packages/components/tree/src/tree.type.ts
@@ -67,7 +67,7 @@ export declare interface TreeOptionProps {
   class?: (
     data: TreeNodeData,
     node: Node
-  ) => string | { [key: string]: boolean } | string
+  ) => string | { [key: string]: boolean }
 }
 export declare type RenderContentFunction = (
   h: hType,
diff --git a/packages/hooks/__tests__/use-z-index.test.tsx b/packages/hooks/__tests__/use-z-index.test.tsx
new file mode 100644
index 0000000000000..2e73a1d0ee568
--- /dev/null
+++ b/packages/hooks/__tests__/use-z-index.test.tsx
@@ -0,0 +1,58 @@
+import { config, mount } from '@vue/test-utils'
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
+import { ZINDEX_INJECTION_KEY, useZIndex } from '../use-z-index'
+
+describe('no injection value', () => {
+  afterEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('useZIndex', () => {
+    const wrapper = mount({
+      setup() {
+        const { initialZIndex, currentZIndex, nextZIndex } = useZIndex()
+        return { initialZIndex, currentZIndex, nextZIndex: nextZIndex() }
+      },
+      render: () => undefined,
+    })
+
+    expect(wrapper.vm.initialZIndex).toBe(2000)
+    expect(wrapper.vm.currentZIndex).toBe(2001)
+    expect(wrapper.vm.nextZIndex).toBe(2001)
+  })
+})
+
+describe('with injection value', () => {
+  beforeEach(() => {
+    config.global.provide = {
+      [ZINDEX_INJECTION_KEY as symbol]: {
+        current: 10,
+      },
+    }
+  })
+
+  afterEach(() => {
+    document.body.innerHTML = ''
+    config.global.provide = {}
+  })
+
+  it('useZIndex', () => {
+    const wrapper = mount({
+      setup() {
+        const { initialZIndex, currentZIndex, nextZIndex } = useZIndex()
+
+        nextZIndex()
+        return {
+          initialZIndex,
+          currentZIndex,
+          nextZIndex: nextZIndex(),
+        }
+      },
+      render: () => undefined,
+    })
+
+    expect(wrapper.vm.initialZIndex).toBe(2000)
+    expect(wrapper.vm.currentZIndex).toBe(2012)
+    expect(wrapper.vm.nextZIndex).toBe(2012)
+  })
+})
diff --git a/packages/hooks/use-z-index/index.ts b/packages/hooks/use-z-index/index.ts
index 896ca11f610d6..7aa01909dff28 100644
--- a/packages/hooks/use-z-index/index.ts
+++ b/packages/hooks/use-z-index/index.ts
@@ -1,31 +1,59 @@
 import { computed, getCurrentInstance, inject, ref, unref } from 'vue'
-import { isNumber } from '@element-plus/utils'
+import { debugWarn, isClient, isNumber } from '@element-plus/utils'
 
 import type { InjectionKey, Ref } from 'vue'
 
+export interface ElZIndexInjectionContext {
+  current: number
+}
+
+const initial: ElZIndexInjectionContext = {
+  current: 0,
+}
+
 const zIndex = ref(0)
+
 export const defaultInitialZIndex = 2000
 
+// For SSR
+export const ZINDEX_INJECTION_KEY: InjectionKey<ElZIndexInjectionContext> =
+  Symbol('elZIndexContextKey')
+
 export const zIndexContextKey: InjectionKey<Ref<number | undefined>> =
   Symbol('zIndexContextKey')
 
 export const useZIndex = (zIndexOverrides?: Ref<number>) => {
+  const increasingInjection = getCurrentInstance()
+    ? inject(ZINDEX_INJECTION_KEY, initial)
+    : initial
+
   const zIndexInjection =
     zIndexOverrides ||
     (getCurrentInstance() ? inject(zIndexContextKey, undefined) : undefined)
+
   const initialZIndex = computed(() => {
     const zIndexFromInjection = unref(zIndexInjection)
     return isNumber(zIndexFromInjection)
       ? zIndexFromInjection
       : defaultInitialZIndex
   })
+
   const currentZIndex = computed(() => initialZIndex.value + zIndex.value)
 
   const nextZIndex = () => {
-    zIndex.value++
+    increasingInjection.current++
+    zIndex.value = increasingInjection.current
     return currentZIndex.value
   }
 
+  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) {
+    debugWarn(
+      'ZIndexInjection',
+      `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
+usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
+    )
+  }
+
   return {
     initialZIndex,
     currentZIndex,
diff --git a/packages/locale/lang/af.ts b/packages/locale/lang/af.ts
index 7ada1d06a11eb..a291ed750ed21 100644
--- a/packages/locale/lang/af.ts
+++ b/packages/locale/lang/af.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'af',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bevestig',
       clear: 'Maak skoon',
diff --git a/packages/locale/lang/ar-eg.ts b/packages/locale/lang/ar-eg.ts
index a3e4a49a174ad..23cb7d4cad847 100644
--- a/packages/locale/lang/ar-eg.ts
+++ b/packages/locale/lang/ar-eg.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ar-eg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'موافق',
       clear: 'إزالة',
diff --git a/packages/locale/lang/ar.ts b/packages/locale/lang/ar.ts
index 73b0dd4145a8a..b4e7673a41444 100644
--- a/packages/locale/lang/ar.ts
+++ b/packages/locale/lang/ar.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ar',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'موافق',
       clear: 'إزالة',
diff --git a/packages/locale/lang/az.ts b/packages/locale/lang/az.ts
index 245597f79fa05..965cc7ce673c3 100644
--- a/packages/locale/lang/az.ts
+++ b/packages/locale/lang/az.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'az',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Təsdiqlə',
       clear: 'Təmizlə',
diff --git a/packages/locale/lang/bg.ts b/packages/locale/lang/bg.ts
index 563e436d96349..8209622b6f173 100644
--- a/packages/locale/lang/bg.ts
+++ b/packages/locale/lang/bg.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'bg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Изчисти',
diff --git a/packages/locale/lang/bn.ts b/packages/locale/lang/bn.ts
index edb826e9ce459..88be49ee9eeb2 100644
--- a/packages/locale/lang/bn.ts
+++ b/packages/locale/lang/bn.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'bn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ঠিক আছে',
       clear: 'ক্লিয়ার',
diff --git a/packages/locale/lang/ca.ts b/packages/locale/lang/ca.ts
index 34fd97ddde981..508263d85d149 100644
--- a/packages/locale/lang/ca.ts
+++ b/packages/locale/lang/ca.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ca',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Netejar',
diff --git a/packages/locale/lang/ckb.ts b/packages/locale/lang/ckb.ts
index 6f03ac677e789..03f7b17769375 100644
--- a/packages/locale/lang/ckb.ts
+++ b/packages/locale/lang/ckb.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ckb',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'باشە',
       clear: 'پاککردنەوە',
diff --git a/packages/locale/lang/cs.ts b/packages/locale/lang/cs.ts
index 42326b4985459..2c93e1987d9b1 100644
--- a/packages/locale/lang/cs.ts
+++ b/packages/locale/lang/cs.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'cs',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Vymazat',
diff --git a/packages/locale/lang/da.ts b/packages/locale/lang/da.ts
index 8fb66ba235d37..a09ddd2addf4b 100644
--- a/packages/locale/lang/da.ts
+++ b/packages/locale/lang/da.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'da',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Ryd',
diff --git a/packages/locale/lang/de.ts b/packages/locale/lang/de.ts
index 186d8a745e5c9..9c6a1bc1e5cf9 100644
--- a/packages/locale/lang/de.ts
+++ b/packages/locale/lang/de.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'de',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Leeren',
diff --git a/packages/locale/lang/el.ts b/packages/locale/lang/el.ts
index 167739e37847d..e35ca7bf44107 100644
--- a/packages/locale/lang/el.ts
+++ b/packages/locale/lang/el.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'el',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Εντάξει',
       clear: 'Καθαρισμός',
diff --git a/packages/locale/lang/en.ts b/packages/locale/lang/en.ts
index e2432d9b5250d..0faadb68220ca 100644
--- a/packages/locale/lang/en.ts
+++ b/packages/locale/lang/en.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'en',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Clear',
diff --git a/packages/locale/lang/eo.ts b/packages/locale/lang/eo.ts
index 5a9c2559096bd..1f43a18ca537d 100644
--- a/packages/locale/lang/eo.ts
+++ b/packages/locale/lang/eo.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'eo',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bone',
       clear: 'Malplenigi',
diff --git a/packages/locale/lang/es.ts b/packages/locale/lang/es.ts
index a6304fcf85b06..1b9c1355f7fb9 100644
--- a/packages/locale/lang/es.ts
+++ b/packages/locale/lang/es.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'es',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Despejar',
diff --git a/packages/locale/lang/et.ts b/packages/locale/lang/et.ts
index 295e74aa9a71b..e5b626dbe8f12 100644
--- a/packages/locale/lang/et.ts
+++ b/packages/locale/lang/et.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'et',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tühjenda',
diff --git a/packages/locale/lang/eu.ts b/packages/locale/lang/eu.ts
index 6768565e3dc56..ee0d0d37c9665 100644
--- a/packages/locale/lang/eu.ts
+++ b/packages/locale/lang/eu.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'eu',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Ados',
       clear: 'Garbitu',
diff --git a/packages/locale/lang/fa.ts b/packages/locale/lang/fa.ts
index 41c5a8bda22a4..14e5725af0ccf 100644
--- a/packages/locale/lang/fa.ts
+++ b/packages/locale/lang/fa.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'fa',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'تایید',
       clear: 'حذف',
diff --git a/packages/locale/lang/fi.ts b/packages/locale/lang/fi.ts
index 77996ca9571f8..8dc23a306ddc7 100644
--- a/packages/locale/lang/fi.ts
+++ b/packages/locale/lang/fi.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'fi',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tyhjennä',
diff --git a/packages/locale/lang/fr.ts b/packages/locale/lang/fr.ts
index 70b70d403a1d5..8c781adae007b 100644
--- a/packages/locale/lang/fr.ts
+++ b/packages/locale/lang/fr.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'fr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Effacer',
diff --git a/packages/locale/lang/he.ts b/packages/locale/lang/he.ts
index ce4752c47c0e2..d2866784509e2 100644
--- a/packages/locale/lang/he.ts
+++ b/packages/locale/lang/he.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'he',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'אישור',
       clear: 'נקה',
diff --git a/packages/locale/lang/hr.ts b/packages/locale/lang/hr.ts
index 29451b8cedb42..ef723a9245609 100644
--- a/packages/locale/lang/hr.ts
+++ b/packages/locale/lang/hr.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'hr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Očisti',
diff --git a/packages/locale/lang/hu.ts b/packages/locale/lang/hu.ts
index 3c3345533f6a7..51713980a0807 100644
--- a/packages/locale/lang/hu.ts
+++ b/packages/locale/lang/hu.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'hu',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Törlés',
diff --git a/packages/locale/lang/hy-am.ts b/packages/locale/lang/hy-am.ts
index 365b5056239c4..938b3bee58758 100644
--- a/packages/locale/lang/hy-am.ts
+++ b/packages/locale/lang/hy-am.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'hy-am',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Լաւ',
       clear: 'Մաքրել',
diff --git a/packages/locale/lang/id.ts b/packages/locale/lang/id.ts
index ff0f6514d59f8..fb4554d870347 100644
--- a/packages/locale/lang/id.ts
+++ b/packages/locale/lang/id.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'id',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Pilih',
       clear: 'Kosongkan',
diff --git a/packages/locale/lang/it.ts b/packages/locale/lang/it.ts
index a84cfd160e162..0e4a7caced140 100644
--- a/packages/locale/lang/it.ts
+++ b/packages/locale/lang/it.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'it',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Pulisci',
diff --git a/packages/locale/lang/ja.ts b/packages/locale/lang/ja.ts
index 53a17d66e85c5..c2a7d25d0bbdc 100644
--- a/packages/locale/lang/ja.ts
+++ b/packages/locale/lang/ja.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ja',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'クリア',
diff --git a/packages/locale/lang/kk.ts b/packages/locale/lang/kk.ts
index 12cd3fd846eb6..6252e7498487e 100644
--- a/packages/locale/lang/kk.ts
+++ b/packages/locale/lang/kk.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'kk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Қабылдау',
       clear: 'Тазалау',
diff --git a/packages/locale/lang/km.ts b/packages/locale/lang/km.ts
index df7891b5c7c99..414985fdab167 100644
--- a/packages/locale/lang/km.ts
+++ b/packages/locale/lang/km.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'km',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'យល់ព្រម',
       clear: 'លុប',
diff --git a/packages/locale/lang/ko.ts b/packages/locale/lang/ko.ts
index 92e21a48dae60..0549c78685856 100644
--- a/packages/locale/lang/ko.ts
+++ b/packages/locale/lang/ko.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ko',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: '확인',
       clear: '초기화',
diff --git a/packages/locale/lang/ku.ts b/packages/locale/lang/ku.ts
index 063dfaf3d0797..6fecd5cd1f574 100644
--- a/packages/locale/lang/ku.ts
+++ b/packages/locale/lang/ku.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ku',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Temam',
       clear: 'Paqij bike',
diff --git a/packages/locale/lang/ky.ts b/packages/locale/lang/ky.ts
index 75fcfbe54b8f7..e00d408f98500 100644
--- a/packages/locale/lang/ky.ts
+++ b/packages/locale/lang/ky.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ky',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Мурунку',
       clear: 'ачык',
diff --git a/packages/locale/lang/lt.ts b/packages/locale/lang/lt.ts
index fb6e7ca282061..7c0d36b7aa95d 100644
--- a/packages/locale/lang/lt.ts
+++ b/packages/locale/lang/lt.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'lt',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Valyti',
diff --git a/packages/locale/lang/lv.ts b/packages/locale/lang/lv.ts
index 5ef795c90dce1..a564849efd37a 100644
--- a/packages/locale/lang/lv.ts
+++ b/packages/locale/lang/lv.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'lv',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Labi',
       clear: 'Notīrīt',
diff --git a/packages/locale/lang/mg.ts b/packages/locale/lang/mg.ts
index 4038788369563..e2d414b438a3c 100644
--- a/packages/locale/lang/mg.ts
+++ b/packages/locale/lang/mg.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'mg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ENY',
       clear: 'Fafana',
diff --git a/packages/locale/lang/mn.ts b/packages/locale/lang/mn.ts
index 7d07e30ebc31f..1ca158395a5fc 100644
--- a/packages/locale/lang/mn.ts
+++ b/packages/locale/lang/mn.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'mn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Тийм',
       clear: 'Цэвэрлэх',
diff --git a/packages/locale/lang/nb-no.ts b/packages/locale/lang/nb-no.ts
index 6f9e6438efcc3..c360b33edde32 100644
--- a/packages/locale/lang/nb-no.ts
+++ b/packages/locale/lang/nb-no.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'nb-no',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tøm',
diff --git a/packages/locale/lang/nl.ts b/packages/locale/lang/nl.ts
index 9f1c448dd669e..7bf8b508443b8 100644
--- a/packages/locale/lang/nl.ts
+++ b/packages/locale/lang/nl.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'nl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bevestig',
       clear: 'Wissen',
diff --git a/packages/locale/lang/pa.ts b/packages/locale/lang/pa.ts
index 2469f25882553..7165f8f73bc86 100644
--- a/packages/locale/lang/pa.ts
+++ b/packages/locale/lang/pa.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'pa',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'تایید',
       clear: 'پاکول',
diff --git a/packages/locale/lang/pl.ts b/packages/locale/lang/pl.ts
index 244f89e9d409e..e8c43383a3776 100644
--- a/packages/locale/lang/pl.ts
+++ b/packages/locale/lang/pl.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'pl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Wyczyść',
diff --git a/packages/locale/lang/pt-br.ts b/packages/locale/lang/pt-br.ts
index 75d97cb5c3eaf..143c52d58158f 100644
--- a/packages/locale/lang/pt-br.ts
+++ b/packages/locale/lang/pt-br.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'pt-br',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Limpar',
diff --git a/packages/locale/lang/pt.ts b/packages/locale/lang/pt.ts
index 0a2079f8b2268..9ad6cf28a921a 100644
--- a/packages/locale/lang/pt.ts
+++ b/packages/locale/lang/pt.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'pt',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Limpar',
diff --git a/packages/locale/lang/ro.ts b/packages/locale/lang/ro.ts
index 974260b651ace..f0c95bade681d 100644
--- a/packages/locale/lang/ro.ts
+++ b/packages/locale/lang/ro.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ro',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Șterge',
diff --git a/packages/locale/lang/ru.ts b/packages/locale/lang/ru.ts
index fb431cb4b464d..aeb68ae5a49ad 100644
--- a/packages/locale/lang/ru.ts
+++ b/packages/locale/lang/ru.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ru',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Очистить',
diff --git a/packages/locale/lang/sk.ts b/packages/locale/lang/sk.ts
index 742d0d5a33936..30448da7bd77d 100644
--- a/packages/locale/lang/sk.ts
+++ b/packages/locale/lang/sk.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'sk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Zmazať',
diff --git a/packages/locale/lang/sl.ts b/packages/locale/lang/sl.ts
index 65d6e6017a616..6e1a767c1f17b 100644
--- a/packages/locale/lang/sl.ts
+++ b/packages/locale/lang/sl.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'sl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'V redu',
       clear: 'Počisti',
diff --git a/packages/locale/lang/sr.ts b/packages/locale/lang/sr.ts
index 8a8d91b5ff253..5937b2cc129f5 100644
--- a/packages/locale/lang/sr.ts
+++ b/packages/locale/lang/sr.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'sr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Поништи',
diff --git a/packages/locale/lang/sv.ts b/packages/locale/lang/sv.ts
index 92a9fffd2cb2d..6eb891258f292 100644
--- a/packages/locale/lang/sv.ts
+++ b/packages/locale/lang/sv.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'sv',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Töm',
diff --git a/packages/locale/lang/sw.ts b/packages/locale/lang/sw.ts
index cd112646aebf9..4300461c578db 100644
--- a/packages/locale/lang/sw.ts
+++ b/packages/locale/lang/sw.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'sw',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'sawa',
       clear: 'futa',
diff --git a/packages/locale/lang/ta.ts b/packages/locale/lang/ta.ts
index 2bf1db99ba248..c7799e55c5221 100644
--- a/packages/locale/lang/ta.ts
+++ b/packages/locale/lang/ta.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ta',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'உறுதி செய்',
       clear: 'தெளிவாக்கு',
diff --git a/packages/locale/lang/th.ts b/packages/locale/lang/th.ts
index 33f9cd2fdf7a8..d1a59001a8a5e 100644
--- a/packages/locale/lang/th.ts
+++ b/packages/locale/lang/th.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'th',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ตกลง',
       clear: 'ล้างข้อมูล',
diff --git a/packages/locale/lang/tk.ts b/packages/locale/lang/tk.ts
index 27b7ba4fcb773..d6fed4908be9f 100644
--- a/packages/locale/lang/tk.ts
+++ b/packages/locale/lang/tk.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'tk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Arassala',
diff --git a/packages/locale/lang/tr.ts b/packages/locale/lang/tr.ts
index e49fb4521c8fc..103da71274870 100644
--- a/packages/locale/lang/tr.ts
+++ b/packages/locale/lang/tr.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'tr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Onayla',
       clear: 'Temizle',
diff --git a/packages/locale/lang/ug-cn.ts b/packages/locale/lang/ug-cn.ts
index c2b88291dbe99..b122a93d9d885 100644
--- a/packages/locale/lang/ug-cn.ts
+++ b/packages/locale/lang/ug-cn.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'ug-cn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'جەزملەش',
       clear: 'قۇرۇقداش',
diff --git a/packages/locale/lang/uk.ts b/packages/locale/lang/uk.ts
index 5e07c9579ad87..2f8740bbf4690 100644
--- a/packages/locale/lang/uk.ts
+++ b/packages/locale/lang/uk.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'uk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Очистити',
diff --git a/packages/locale/lang/uz-uz.ts b/packages/locale/lang/uz-uz.ts
index 35d6cf4bb3348..bc765965ae2e8 100644
--- a/packages/locale/lang/uz-uz.ts
+++ b/packages/locale/lang/uz-uz.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'uz-uz',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Qabul qilish',
       clear: 'Tozalash',
diff --git a/packages/locale/lang/vi.ts b/packages/locale/lang/vi.ts
index 8335482c943dd..6547c236e25b7 100644
--- a/packages/locale/lang/vi.ts
+++ b/packages/locale/lang/vi.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'vi',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Xóa',
diff --git a/packages/locale/lang/zh-cn.ts b/packages/locale/lang/zh-cn.ts
index 2accc5fafabc7..20866117e485d 100644
--- a/packages/locale/lang/zh-cn.ts
+++ b/packages/locale/lang/zh-cn.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'zh-cn',
   el: {
+    breadcrumb: {
+      label: '面包屑',
+    },
     colorpicker: {
       confirm: '确定',
       clear: '清空',
diff --git a/packages/locale/lang/zh-tw.ts b/packages/locale/lang/zh-tw.ts
index 659bbb9c4294e..8cac28ada4e28 100644
--- a/packages/locale/lang/zh-tw.ts
+++ b/packages/locale/lang/zh-tw.ts
@@ -1,6 +1,9 @@
 export default {
   name: 'zh-tw',
   el: {
+    breadcrumb: {
+      label: '面包屑',
+    },
     colorpicker: {
       confirm: '確認',
       clear: '清空',
diff --git a/packages/theme-chalk/gulpfile.ts b/packages/theme-chalk/gulpfile.ts
index b3c3bce4fdde3..ae15dd616777c 100644
--- a/packages/theme-chalk/gulpfile.ts
+++ b/packages/theme-chalk/gulpfile.ts
@@ -1,17 +1,65 @@
 import path from 'path'
+import { Transform } from 'stream'
 import chalk from 'chalk'
-import { dest, parallel, series, src } from 'gulp'
+import { type TaskFunction, dest, parallel, series, src } from 'gulp'
 import gulpSass from 'gulp-sass'
 import dartSass from 'sass'
 import autoprefixer from 'gulp-autoprefixer'
-import cleanCSS from 'gulp-clean-css'
 import rename from 'gulp-rename'
 import consola from 'consola'
+import postcss from 'postcss'
+import cssnano from 'cssnano'
 import { epOutput } from '@element-plus/build-utils'
+import type Vinly from 'vinyl'
 
 const distFolder = path.resolve(__dirname, 'dist')
 const distBundle = path.resolve(epOutput, 'theme-chalk')
 
+/**
+ * using `postcss` and `cssnano` to compress CSS
+ * @returns
+ */
+function compressWithCssnano() {
+  const processor = postcss([
+    cssnano({
+      preset: [
+        'default',
+        {
+          // avoid color transform
+          colormin: false,
+          // avoid font transform
+          minifyFontValues: false,
+        },
+      ],
+    }),
+  ])
+  return new Transform({
+    objectMode: true,
+    transform(chunk, _encoding, callback) {
+      const file = chunk as Vinly
+      if (file.isNull()) {
+        callback(null, file)
+        return
+      }
+      if (file.isStream()) {
+        callback(new Error('Streaming not supported'))
+        return
+      }
+      const cssString = file.contents!.toString()
+      processor.process(cssString, { from: file.path }).then((result) => {
+        const name = path.basename(file.path)
+        file.contents = Buffer.from(result.css)
+        consola.success(
+          `${chalk.cyan(name)}: ${chalk.yellow(
+            cssString.length / 1000
+          )} KB -> ${chalk.green(result.css.length / 1000)} KB`
+        )
+        callback(null, file)
+      })
+    },
+  })
+}
+
 /**
  * compile theme-chalk scss & minify
  * not use sass.sync().on('error', sass.logError) to throw exception
@@ -23,15 +71,7 @@ function buildThemeChalk() {
   return src(path.resolve(__dirname, 'src/*.scss'))
     .pipe(sass.sync())
     .pipe(autoprefixer({ cascade: false }))
-    .pipe(
-      cleanCSS({}, (details) => {
-        consola.success(
-          `${chalk.cyan(details.name)}: ${chalk.yellow(
-            details.stats.originalSize / 1000
-          )} KB -> ${chalk.green(details.stats.minifiedSize / 1000)} KB`
-        )
-      })
-    )
+    .pipe(compressWithCssnano())
     .pipe(
       rename((path) => {
         if (!noElPrefixFile.test(path.basename)) {
@@ -51,15 +91,7 @@ function buildDarkCssVars() {
   return src(path.resolve(__dirname, 'src/dark/css-vars.scss'))
     .pipe(sass.sync())
     .pipe(autoprefixer({ cascade: false }))
-    .pipe(
-      cleanCSS({}, (details) => {
-        consola.success(
-          `${chalk.cyan(details.name)}: ${chalk.yellow(
-            details.stats.originalSize / 1000
-          )} KB -> ${chalk.green(details.stats.minifiedSize / 1000)} KB`
-        )
-      })
-    )
+    .pipe(compressWithCssnano())
     .pipe(dest(`${distFolder}/dark`))
 }
 
@@ -80,7 +112,7 @@ export function copyThemeChalkSource() {
   )
 }
 
-export const build = parallel(
+export const build: TaskFunction = parallel(
   copyThemeChalkSource,
   series(buildThemeChalk, buildDarkCssVars, copyThemeChalkBundle)
 )
diff --git a/packages/theme-chalk/package.json b/packages/theme-chalk/package.json
index 1ecdac8521b01..191376b58606d 100644
--- a/packages/theme-chalk/package.json
+++ b/packages/theme-chalk/package.json
@@ -30,13 +30,13 @@
     "@element-plus/build": "workspace:*",
     "@esbuild-kit/cjs-loader": "^2.2.1",
     "@types/gulp-autoprefixer": "^0.0.33",
-    "@types/gulp-clean-css": "^4.3.0",
     "@types/gulp-rename": "^2.0.1",
     "@types/gulp-sass": "^5.0.0",
+    "cssnano": "^6.0.5",
     "gulp-autoprefixer": "^8.0.0",
-    "gulp-clean-css": "^4.3.0",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0"
+    "gulp-sass": "^5.1.0",
+    "postcss": "^8.4.35"
   },
   "gitHead": "c69724230befa8fede0e6b9c37fb0b7e39fd7cdd"
 }
diff --git a/packages/theme-chalk/src/anchor.scss b/packages/theme-chalk/src/anchor.scss
index 8dfdb3900b222..93b0aaace66f5 100644
--- a/packages/theme-chalk/src/anchor.scss
+++ b/packages/theme-chalk/src/anchor.scss
@@ -24,7 +24,7 @@
       height: 14px;
       top: 8px;
       left: 0;
-      transition: top .25s ease-in-out,opacity .25s;
+      transition: top 0.25s ease-in-out, opacity 0.25s;
     }
 
     @include e(list) {
@@ -53,8 +53,7 @@
       height: 2px;
       width: 20px;
       bottom: 0;
-      transition: left 0.25sease-in-out, opacity 0.25s,
-        width 0.25s;
+      transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
     }
 
     @include e(list) {
diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss
index a909c52136f32..4a1980f5d8741 100644
--- a/packages/theme-chalk/src/cascader.scss
+++ b/packages/theme-chalk/src/cascader.scss
@@ -144,6 +144,10 @@
     text-align: left;
     box-sizing: border-box;
     @include cascader-tag-normal(getCssVar('cascader-tag-background'));
+
+    &.is-validate {
+      right: 55px;
+    }
   }
 
   @include e(collapse-tags) {
diff --git a/packages/theme-chalk/src/tag.scss b/packages/theme-chalk/src/tag.scss
index d1ddda33dd9db..7650970252cf9 100644
--- a/packages/theme-chalk/src/tag.scss
+++ b/packages/theme-chalk/src/tag.scss
@@ -22,11 +22,14 @@ $tag-icon-span-gap: map.merge(
 
 @function returnVarList($var, $type: 'primary') {
   $list: ('fill-color', 'blank');
-  @if $var != false {
+
+  @if $var !=false {
     $list: ('color', $type, $var);
   }
+
   @return $list;
 }
+
 // false mean --el-color-white
 @mixin genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight) {
   @include css-var-from-global(
@@ -72,6 +75,7 @@ $tag-icon-span-gap: map.merge(
   @include when(hit) {
     border-color: getCssVar('color', 'primary');
   }
+
   @include when(round) {
     border-radius: getCssVar('tag', 'border-radius-rounded');
   }
@@ -79,6 +83,7 @@ $tag-icon-span-gap: map.merge(
   .#{$namespace}-tag__close {
     flex-shrink: 0;
     color: getCssVar('tag', 'text-color');
+
     &:hover {
       color: getCssVar('color-white');
       background-color: getCssVar('tag-hover-color');
@@ -107,6 +112,7 @@ $tag-icon-span-gap: map.merge(
   @include set-css-var-value('icon-size', 14px);
 
   $svg-margin-size: 1px;
+
   .#{$namespace}-icon {
     border-radius: 50%;
     cursor: pointer;
@@ -124,7 +130,6 @@ $tag-icon-span-gap: map.merge(
     @include genTheme('', '', 'light-3');
     @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
 
-    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
     @each $type in $types {
       &.#{bem('tag', '', $type)} {
         @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
diff --git a/packages/theme-chalk/src/var.scss b/packages/theme-chalk/src/var.scss
index 48a74823b301b..0076f19938d35 100644
--- a/packages/theme-chalk/src/var.scss
+++ b/packages/theme-chalk/src/var.scss
@@ -46,9 +46,6 @@
 :root {
   color-scheme: light;
 
-  @include set-css-var-value('color-white', $color-white);
-  @include set-css-var-value('color-black', $color-black);
-
   // --el-color-#{$type}
   // --el-color-#{$type}-light-{$i}
   @each $type in (primary, success, warning, danger, error, info) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 70b9321b29ad5..3eeff46a9a625 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -617,27 +617,27 @@ importers:
       '@types/gulp-autoprefixer':
         specifier: ^0.0.33
         version: 0.0.33
-      '@types/gulp-clean-css':
-        specifier: ^4.3.0
-        version: 4.3.0
       '@types/gulp-rename':
         specifier: ^2.0.1
         version: 2.0.1
       '@types/gulp-sass':
         specifier: ^5.0.0
         version: 5.0.0
+      cssnano:
+        specifier: ^6.0.5
+        version: 6.0.5(postcss@8.4.35)
       gulp-autoprefixer:
         specifier: ^8.0.0
         version: 8.0.0
-      gulp-clean-css:
-        specifier: ^4.3.0
-        version: 4.3.0
       gulp-rename:
         specifier: ^2.0.0
         version: 2.0.0
       gulp-sass:
         specifier: ^5.1.0
         version: 5.1.0
+      postcss:
+        specifier: ^8.4.35
+        version: 8.4.35
 
   packages/utils:
     dependencies:
@@ -1105,7 +1105,6 @@ packages:
   /@babel/plugin-proposal-async-generator-functions@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-RWVvqD1ooLKP6IqWTA5GyFVX2isGEgC5iFxKzfYOIy/QEFdxYyCybBDtIGjipHpb9bDWHzcqGqFakf+mVmBTdQ==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1120,7 +1119,6 @@ packages:
   /@babel/plugin-proposal-class-properties@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-U0mI9q8pW5Q9EaTHFPwSVusPMV/DV9Mm8p7csqROFLtIE9rBF5piLqyrBGigftALrBcsBGu4m38JneAe7ZDLXw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1134,7 +1132,6 @@ packages:
   /@babel/plugin-proposal-class-static-block@7.18.0(@babel/core@7.18.2):
     resolution: {integrity: sha512-t+8LsRMMDE74c6sV7KShIw13sqbqd58tlqNrsWoWBTIMw7SVQ0cZ905wLNS/FBCy/3PyooRHLFFlfrUNyyz5lA==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-static-block instead.
     peerDependencies:
       '@babel/core': ^7.12.0
     dependencies:
@@ -1149,7 +1146,6 @@ packages:
   /@babel/plugin-proposal-dynamic-import@7.16.7(@babel/core@7.18.2):
     resolution: {integrity: sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-dynamic-import instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1161,7 +1157,6 @@ packages:
   /@babel/plugin-proposal-export-namespace-from@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-j7Ye5EWdwoXOpRmo5QmRyHPsDIe6+u70ZYZrd7uz+ebPYFKfRcLcNu3Ro0vOlJ5zuv8rU7xa+GttNiRzX56snQ==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-export-namespace-from instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1173,7 +1168,6 @@ packages:
   /@babel/plugin-proposal-json-strings@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-rKJ+rKBoXwLnIn7n6o6fulViHMrOThz99ybH+hKHcOZbnN14VuMnH9fo2eHE69C8pO4uX1Q7t2HYYIDmv8VYkg==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1185,7 +1179,6 @@ packages:
   /@babel/plugin-proposal-logical-assignment-operators@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-EqFo2s1Z5yy+JeJu7SFfbIUtToJTVlC61/C7WLKDntSw4Sz6JNAIfL7zQ74VvirxpjB5kz/kIx0gCcb+5OEo2Q==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-logical-assignment-operators instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1197,7 +1190,6 @@ packages:
   /@babel/plugin-proposal-nullish-coalescing-operator@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-ws/g3FSGVzv+VH86+QvgtuJL/kR67xaEIF2x0iPqdDfYW6ra6JF3lKVBkWynRLcNtIC1oCTfDRVxmm2mKzy+ag==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1209,7 +1201,6 @@ packages:
   /@babel/plugin-proposal-numeric-separator@7.16.7(@babel/core@7.18.2):
     resolution: {integrity: sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1221,7 +1212,6 @@ packages:
   /@babel/plugin-proposal-object-rest-spread@7.18.0(@babel/core@7.18.2):
     resolution: {integrity: sha512-nbTv371eTrFabDfHLElkn9oyf9VG+VKK6WMzhY2o4eHKaG19BToD9947zzGMO6I/Irstx9d8CwX6njPNIAR/yw==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1236,7 +1226,6 @@ packages:
   /@babel/plugin-proposal-optional-catch-binding@7.16.7(@babel/core@7.18.2):
     resolution: {integrity: sha512-eMOH/L4OvWSZAE1VkHbr1vckLG1WUcHGJSLqqQwl2GaUqG6QjddvrOaTUMNYiv77H5IKPMZ9U9P7EaHwvAShfA==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1248,7 +1237,6 @@ packages:
   /@babel/plugin-proposal-optional-chaining@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-7wigcOs/Z4YWlK7xxjkvaIw84vGhDv/P1dFGQap0nHkc8gFKY/r+hXc8Qzf5k1gY7CvGIcHqAnOagVKJJ1wVOQ==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1261,7 +1249,6 @@ packages:
   /@babel/plugin-proposal-private-methods@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-SllXoxo19HmxhDWm3luPz+cPhtoTSKLJE9PXshsfrOzBqs60QP0r8OaJItrPhAj0d7mZMnNF0Y1UUggCDgMz1A==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1275,7 +1262,6 @@ packages:
   /@babel/plugin-proposal-private-property-in-object@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-/6BtVi57CJfrtDNKfK5b66ydK2J5pXUKBKSPD2G1whamMuEnZWgoOIfO8Vf9F/DoD4izBLD/Au4NMQfruzzykg==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -1291,7 +1277,6 @@ packages:
   /@babel/plugin-proposal-unicode-property-regex@7.17.12(@babel/core@7.18.2):
     resolution: {integrity: sha512-Wb9qLjXf3ZazqXA7IvI7ozqRIXIGPtSo+L5coFmEkhTQK18ao4UDDD0zdTGAarmbLj2urpRwrc6893cu5Bfh0A==}
     engines: {node: '>=4'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
@@ -3163,6 +3148,11 @@ packages:
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
     dev: false
 
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
   /@ts-morph/common@0.13.0:
     resolution: {integrity: sha512-fEJ6j7Cu8yiWjA4UmybOBH9Efgb/64ZTWuvCF4KysGu4xz8ettfyaqFt8WZ1btCxXsGZJjZ2/3svOF6rL+UFdQ==}
     dependencies:
@@ -3205,13 +3195,6 @@ packages:
     resolution: {integrity: sha512-/zPMqDkzSZ8t3VtxOa4KPq7uzzW978M9Tvh+j7GHKuo6k6GTLxPJ4J5gE5cjfJ26pnXst0N5Hax8Sr0T2Mi9zQ==}
     dev: true
 
-  /@types/clean-css@4.2.5:
-    resolution: {integrity: sha512-NEzjkGGpbs9S9fgC4abuBvTpVwE3i+Acu9BBod3PUyjDVZcNsGx61b8r2PphR61QGPnn0JHVs5ey6/I4eTrkxw==}
-    dependencies:
-      '@types/node': 17.0.40
-      source-map: 0.6.1
-    dev: true
-
   /@types/estree@0.0.39:
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
 
@@ -3248,13 +3231,6 @@ packages:
       '@types/node': 17.0.40
     dev: true
 
-  /@types/gulp-clean-css@4.3.0:
-    resolution: {integrity: sha512-aRV2BvZA+X/SdgONQW4OkIzInYhvSqeUCiLfwc3VCD0/pxQT9xAadwHmtYGF2kc66cD4uSPmE+s4JYFvhHLaUA==}
-    dependencies:
-      '@types/clean-css': 4.2.5
-      '@types/node': 17.0.40
-    dev: true
-
   /@types/gulp-rename@2.0.1:
     resolution: {integrity: sha512-9ZjeS2RHEnmBmTcyi2+oeye3BgCsWhvi4uv3qCnAg8i6plOuRdaeNxjOves0ELysEXYLBl7bCl5fbVs7AZtgTA==}
     dependencies:
@@ -4572,7 +4548,7 @@ packages:
     hasBin: true
     dev: false
 
-  /autoprefixer@10.4.7(postcss@8.4.14):
+  /autoprefixer@10.4.7(postcss@8.4.35):
     resolution: {integrity: sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
@@ -4584,7 +4560,7 @@ packages:
       fraction.js: 4.2.0
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.14
+      postcss: 8.4.35
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -4768,7 +4744,6 @@ packages:
 
   /boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: false
 
   /bottleneck@2.19.5:
     resolution: {integrity: sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==}
@@ -4837,6 +4812,17 @@ packages:
       node-releases: 2.0.5
       picocolors: 1.0.0
 
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001594
+      electron-to-chromium: 1.4.693
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.13(browserslist@4.23.0)
+    dev: true
+
   /btoa-lite@1.0.0:
     resolution: {integrity: sha512-gvW7InbIyF8AicrqWoptdW08pUxuhq8BEgowNajy9RhiE86fmGAGl+bLKo6oB8QP0CkqHLowfN0oJdKC/J6LbA==}
     dev: true
@@ -4956,9 +4942,22 @@ packages:
     dependencies:
       path-temp: 2.0.0
 
+  /caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-lite: 1.0.30001349
+      lodash.memoize: 4.1.2
+      lodash.uniq: 4.5.0
+    dev: true
+
   /caniuse-lite@1.0.30001349:
     resolution: {integrity: sha512-VFaWW3jeo6DLU5rwdiasosxhYSduJgSGil4cSyX3/85fbctlE58pXAkWyuRmVA0r2RxsOSVYUTZcySJ8WpbTxw==}
 
+  /caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
+    dev: true
+
   /caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
     dev: true
@@ -5068,13 +5067,6 @@ packages:
       static-extend: 0.1.2
     dev: false
 
-  /clean-css@4.2.3:
-    resolution: {integrity: sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==}
-    engines: {node: '>= 4.0'}
-    dependencies:
-      source-map: 0.6.1
-    dev: true
-
   /clean-regexp@1.0.0:
     resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
     engines: {node: '>=4'}
@@ -5211,6 +5203,10 @@ packages:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
     hasBin: true
 
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: true
+
   /colorette@2.0.17:
     resolution: {integrity: sha512-hJo+3Bkn0NCHybn9Tu35fIeoOKGOk5OCC32y4Hz2It+qlCO2Q3DeQ1hRn/tDDMQKRYUEzqsl7jbF6dYKjlE60g==}
     dev: true
@@ -5236,6 +5232,11 @@ packages:
     dev: true
     optional: true
 
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: true
+
   /commander@9.3.0:
     resolution: {integrity: sha512-hv95iU5uXPbK83mjrJKuZyFM/LBAoCV/XhVGkS5Je6tl7sxr6A0ITMw5WoRV46/UaJ46Nllm3Xt7IaJhXTIkzw==}
     engines: {node: ^12.20.0 || >=14}
@@ -5355,7 +5356,7 @@ packages:
   /core-js-compat@3.22.8:
     resolution: {integrity: sha512-pQnwg4xtuvc2Bs/5zYQPaEYYSuTxsF7LBWF0SvnVhthZo/Qe+rJpcEekrdNK5DWwDJ0gv0oI9NNX5Mppdy0ctg==}
     dependencies:
-      browserslist: 4.20.4
+      browserslist: 4.23.0
       semver: 7.0.0
     dev: true
 
@@ -5430,6 +5431,25 @@ packages:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
     engines: {node: '>=8'}
 
+  /css-declaration-sorter@7.1.1(postcss@8.4.35):
+    resolution: {integrity: sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
+    dev: true
+
   /css-tree@2.1.0:
     resolution: {integrity: sha512-PcysZRzToBbrpoUrZ9qfblRIRf8zbEAkU0AIpQFtgkFK0vSbzOmBCvdSAx2Zg7Xx5wiYJKUKk0NMP7kxevie/A==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
@@ -5438,11 +5458,96 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
+  /css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.0.2
+    dev: true
+
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
+    dev: true
+
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
+
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
-    dev: false
+
+  /cssnano-preset-default@6.0.5(postcss@8.4.35):
+    resolution: {integrity: sha512-M+qRDEr5QZrfNl0B2ySdbTLGyNb8kBcSjuwR7WBamYBOEREH9t2efnB/nblekqhdGLZdkf4oZNetykG2JWRdZQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      css-declaration-sorter: 7.1.1(postcss@8.4.35)
+      cssnano-utils: 4.0.1(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-calc: 9.0.1(postcss@8.4.35)
+      postcss-colormin: 6.0.3(postcss@8.4.35)
+      postcss-convert-values: 6.0.4(postcss@8.4.35)
+      postcss-discard-comments: 6.0.1(postcss@8.4.35)
+      postcss-discard-duplicates: 6.0.2(postcss@8.4.35)
+      postcss-discard-empty: 6.0.2(postcss@8.4.35)
+      postcss-discard-overridden: 6.0.1(postcss@8.4.35)
+      postcss-merge-longhand: 6.0.3(postcss@8.4.35)
+      postcss-merge-rules: 6.0.4(postcss@8.4.35)
+      postcss-minify-font-values: 6.0.2(postcss@8.4.35)
+      postcss-minify-gradients: 6.0.2(postcss@8.4.35)
+      postcss-minify-params: 6.0.3(postcss@8.4.35)
+      postcss-minify-selectors: 6.0.2(postcss@8.4.35)
+      postcss-normalize-charset: 6.0.1(postcss@8.4.35)
+      postcss-normalize-display-values: 6.0.1(postcss@8.4.35)
+      postcss-normalize-positions: 6.0.1(postcss@8.4.35)
+      postcss-normalize-repeat-style: 6.0.1(postcss@8.4.35)
+      postcss-normalize-string: 6.0.1(postcss@8.4.35)
+      postcss-normalize-timing-functions: 6.0.1(postcss@8.4.35)
+      postcss-normalize-unicode: 6.0.3(postcss@8.4.35)
+      postcss-normalize-url: 6.0.1(postcss@8.4.35)
+      postcss-normalize-whitespace: 6.0.1(postcss@8.4.35)
+      postcss-ordered-values: 6.0.1(postcss@8.4.35)
+      postcss-reduce-initial: 6.0.3(postcss@8.4.35)
+      postcss-reduce-transforms: 6.0.1(postcss@8.4.35)
+      postcss-svgo: 6.0.2(postcss@8.4.35)
+      postcss-unique-selectors: 6.0.2(postcss@8.4.35)
+    dev: true
+
+  /cssnano-utils@4.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-6qQuYDqsGoiXssZ3zct6dcMxiqfT6epy7x4R0TQJadd4LWO3sPR6JH6ZByOvVLoZ6EdwPGgd7+DR1EmX3tiXQQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /cssnano@6.0.5(postcss@8.4.35):
+    resolution: {integrity: sha512-tpTp/ukgrElwu3ESFY4IvWnGn8eTt8cJhC2aAbtA3lvUlxp6t6UPv8YCLjNnEGiFreT1O0LiOM1U3QyTBVFl2A==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      cssnano-preset-default: 6.0.5(postcss@8.4.35)
+      lilconfig: 3.1.1
+      postcss: 8.4.35
+    dev: true
+
+  /csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+    dependencies:
+      css-tree: 2.2.1
+    dev: true
 
   /cssom@0.3.8:
     resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
@@ -5688,6 +5793,18 @@ packages:
     dependencies:
       esutils: 2.0.3
 
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+    dev: true
+
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
+
   /domexception@2.0.1:
     resolution: {integrity: sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==}
     engines: {node: '>=8'}
@@ -5695,6 +5812,21 @@ packages:
       webidl-conversions: 5.0.0
     dev: true
 
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+    dev: true
+
   /dot-prop@5.3.0:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
@@ -5750,6 +5882,10 @@ packages:
   /electron-to-chromium@1.4.147:
     resolution: {integrity: sha512-czclPqxLMPqPMkahKcske4TaS5lcznsc26ByBlEFDU8grTBVK9C5W6K9I6oEEhm4Ai4jTihGnys90xY1yjXcRg==}
 
+  /electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
+    dev: true
+
   /element-plus@2.4.2(vue@3.2.37):
     resolution: {integrity: sha512-E/HwXX7JF1LPvQSjs0fZ8WblIoc0quoXsRXQZiL7QDq7xJdNGSUaXtdk7xiEv7axPmLfEFtxE5du9fFspDrmJw==}
     peerDependencies:
@@ -5792,6 +5928,11 @@ packages:
     engines: {node: '>=0.12'}
     dev: false
 
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
   /error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
@@ -7410,23 +7551,14 @@ packages:
       gulp:
         optional: true
     dependencies:
-      autoprefixer: 10.4.7(postcss@8.4.14)
+      autoprefixer: 10.4.7(postcss@8.4.35)
       fancy-log: 1.3.3
       plugin-error: 1.0.1
-      postcss: 8.4.14
+      postcss: 8.4.35
       through2: 4.0.2
       vinyl-sourcemaps-apply: 0.2.1
     dev: true
 
-  /gulp-clean-css@4.3.0:
-    resolution: {integrity: sha512-mGyeT3qqFXTy61j0zOIciS4MkYziF2U594t2Vs9rUnpkEHqfu6aDITMp8xOvZcvdX61Uz3y1mVERRYmjzQF5fg==}
-    dependencies:
-      clean-css: 4.2.3
-      plugin-error: 1.0.1
-      through2: 3.0.1
-      vinyl-sourcemaps-apply: 0.2.1
-    dev: true
-
   /gulp-cli@2.3.0:
     resolution: {integrity: sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==}
     engines: {node: '>= 0.10'}
@@ -8421,6 +8553,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
+    engines: {node: '>=14'}
+    dev: true
+
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
@@ -8579,6 +8716,10 @@ packages:
     resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
     dev: true
 
+  /lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+    dev: true
+
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
@@ -8590,6 +8731,10 @@ packages:
     resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
     dev: true
 
+  /lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    dev: true
+
   /lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -8726,6 +8871,14 @@ packages:
     resolution: {integrity: sha512-kwqO0I0jtWr25KcfLm9pia8vLZ8qoAKhWZuZMbneJq3jjBD3gl5nZs8l8Tu3ZBlBAHVQtDur9rdDGyvtfVraHQ==}
     dev: true
 
+  /mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+    dev: true
+
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+    dev: true
+
   /mdurl@1.0.1:
     resolution: {integrity: sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==}
     dev: false
@@ -8960,6 +9113,12 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
   /nanomatch@1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
     engines: {node: '>=0.10.0'}
@@ -9017,6 +9176,10 @@ packages:
       whatwg-url: 5.0.0
     dev: true
 
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+    dev: true
+
   /node-releases@2.0.5:
     resolution: {integrity: sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==}
 
@@ -9109,7 +9272,6 @@ packages:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
       boolbase: 1.0.0
-    dev: false
 
   /number-is-nan@1.0.1:
     resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
@@ -9601,6 +9763,267 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
+  /postcss-calc@9.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.2.2
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.15
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-colormin@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-ECpkS+UZRyAtu/kjive2/1mihP+GNtgC8kcdU8ueWZi1ZVxMNnRziCLdhrWECJhEtSWijfX2Cl9XTTCK/hjGaA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-convert-values@6.0.4(postcss@8.4.35):
+    resolution: {integrity: sha512-YT2yrGzPXoQD3YeA2kBo/696qNwn7vI+15AOS2puXWEvSWqdCqlOyDWRy5GNnOc9ACRGOkuQ4ESQEqPJBWt/GA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-discard-comments@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-f1KYNPtqYLUeZGCHQPKzzFtsHaRuECe6jLakf/RjSRqvF5XHLZnM2+fXLhb8Qh/HBFHs3M4cSLb1k3B899RYIg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-discard-duplicates@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-U2rsj4w6pAGROCCcD13LP2eBIi1whUsXs4kgE6xkIuGfkbxCBSKhkCTWyowFd66WdVlLv0uM1euJKIgmdmZObg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-discard-empty@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-rj6pVC2dVCJrP0Y2RkYTQEbYaCf4HEm+R/2StQgJqGHxAa3+KcYslNQhcRqjLHtl/4wpzipJluaJLqBj6d5eDQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-discard-overridden@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-qs0ehZMMZpSESbRkw1+inkf51kak6OOzNRaoLd/U7Fatp0aN2HQ1rxGOrJvYcRAN9VpX8kUF13R2ofn8OlvFVA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-merge-longhand@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-kF/y3DU8CRt+SX3tP/aG+2gkZI2Z7OXDsPU7FgxIJmuyhQQ1EHceIYcsp/alvzCm2P4c37Sfdu8nNrHc+YeyLg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+      stylehacks: 6.0.3(postcss@8.4.35)
+    dev: true
+
+  /postcss-merge-rules@6.0.4(postcss@8.4.35):
+    resolution: {integrity: sha512-97iF3UJ5v8N1BWy38y+0l+Z8o5/9uGlEgtWic2PJPzoRrLB6Gxg8TVG93O0EK52jcLeMsywre26AUlX1YAYeHA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      cssnano-utils: 4.0.1(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.15
+    dev: true
+
+  /postcss-minify-font-values@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-IedzbVMoX0a7VZWjSYr5qJ6C37rws8kl8diPBeMZLJfWKkgXuMFY5R/OxPegn/q9tK9ztd0XRH3aR0u2t+A7uQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-minify-gradients@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-vP5mF7iI6/5fcpv+rSfwWQekOE+8I1i7/7RjZPGuIjj6eUaZVeG4XZYZrroFuw1WQd51u2V32wyQFZ+oYdE7CA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 4.0.1(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-minify-params@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-j4S74d3AAeCK5eGdQndXSrkxusV2ekOxbXGnlnZthMyZBBvSDiU34CihTASbJxuVB3bugudmwolS7+Dgs5OyOQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      cssnano-utils: 4.0.1(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-minify-selectors@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-0b+m+w7OAvZejPQdN2GjsXLv5o0jqYHX3aoV0e7RBKPCsB7TYG5KKWBFhGnB/iP3213Ts8c5H4wLPLMm7z28Sg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.15
+    dev: true
+
+  /postcss-normalize-charset@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-aW5LbMNRZ+oDV57PF9K+WI1Z8MPnF+A8qbajg/T8PP126YrGX1f9IQx21GI2OlGz7XFJi/fNi0GTbY948XJtXg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-normalize-display-values@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-mc3vxp2bEuCb4LgCcmG1y6lKJu1Co8T+rKHrcbShJwUmKJiEl761qb/QQCfFwlrvSeET3jksolCR/RZuMURudw==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-positions@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-HRsq8u/0unKNvm0cvwxcOUEcakFXqZ41fv3FOdPn916XFUrympjr+03oaLkuZENz3HE9RrQE9yU0Xv43ThWjQg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-repeat-style@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-Gbb2nmCy6tTiA7Sh2MBs3fj9W8swonk6lw+dFFeQT68B0Pzwp1kvisJQkdV6rbbMSd9brMlS8I8ts52tAGWmGQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-string@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-5Fhx/+xzALJD9EI26Aq23hXwmv97Zfy2VFrt5PLT8lAhnBIZvmaT5pQk+NuJ/GWj/QWaKSKbnoKDGLbV6qnhXg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-timing-functions@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-4zcczzHqmCU7L5dqTB9rzeqPWRMc0K2HoR+Bfl+FSMbqGBUcP5LRfgcH4BdRtLuzVQK1/FHdFoGT3F7rkEnY+g==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-unicode@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-T2Bb3gXz0ASgc3ori2dzjv6j/P2IantreaC6fT8tWjqYUiqMAh5jGIkdPwEV2FaucjQlCLeFJDJh2BeSugE1ig==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-url@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-jEXL15tXSvbjm0yzUV7FBiEXwhIa9H88JOXDGQzmcWoB4mSjZIsmtto066s2iW9FYuIrIF4k04HA2BKAOpbsaQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-normalize-whitespace@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-76i3NpWf6bB8UHlVuLRxG4zW2YykF9CTEcq/9LGAiz2qBuX5cBStadkk0jSkg9a9TCIXbMQz7yzrygKoCW9JuA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-ordered-values@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-XXbb1O/MW9HdEhnBxitZpPFbIvDgbo9NK4c/5bOfiKpnIGZDoL2xd7/e6jW5DYLsWxBbs+1nZEnVgnjnlFViaA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      cssnano-utils: 4.0.1(postcss@8.4.35)
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /postcss-reduce-initial@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-w4QIR9pEa1N4xMx3k30T1vLZl6udVK2RmNqrDXhBXX9L0mBj2a8ADs8zkbaEH7eUy1m30Wyr5EBgHN31Yq1JvA==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      caniuse-api: 3.0.0
+      postcss: 8.4.35
+    dev: true
+
+  /postcss-reduce-transforms@6.0.1(postcss@8.4.35):
+    resolution: {integrity: sha512-fUbV81OkUe75JM+VYO1gr/IoA2b/dRiH6HvMwhrIBSUrxq3jNZQZitSnugcTLDi1KkQh1eR/zi+iyxviUNBkcQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-selector-parser@6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
@@ -9609,6 +10032,35 @@ packages:
       util-deprecate: 1.0.2
     dev: false
 
+  /postcss-selector-parser@6.0.15:
+    resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss-svgo@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-IH5R9SjkTkh0kfFOQDImyy1+mTCb+E830+9SV1O+AaDcoHTvfsvt6WwJeo7KwcHbFnevZVCsXhDmjFiGVuwqFQ==}
+    engines: {node: ^14 || ^16 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-value-parser: 4.2.0
+      svgo: 3.2.0
+    dev: true
+
+  /postcss-unique-selectors@6.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-8IZGQ94nechdG7Y9Sh9FlIY2b4uS8/k8kdKRX040XHsS3B6d1HrJAkXrBSsSu4SuARruSsUjW3nlSw8BHkaAYQ==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.15
+    dev: true
+
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
@@ -9621,6 +10073,15 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /postcss@8.4.35:
+    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /preact@10.7.3:
     resolution: {integrity: sha512-giqJXP8VbtA1tyGa3f1n9wiN7PrHtONrDyE3T+ifjr/tTkg+2N4d/6sjC9WyJKv8wM7rOYDveqy5ZoFmYlwo4w==}
 
@@ -10763,6 +11224,17 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  /stylehacks@6.0.3(postcss@8.4.35):
+    resolution: {integrity: sha512-KzBqjnqktc8/I0ERCb+lGq06giF/JxDbw2r9kEVhen9noHeIDRtMWUp9r62sOk+/2bbX6sFG1GhsS7ToXG0PEg==}
+    engines: {node: ^14 || ^16 || >=18.0}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      browserslist: 4.23.0
+      postcss: 8.4.35
+      postcss-selector-parser: 6.0.15
+    dev: true
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -10796,6 +11268,20 @@ packages:
   /svg-tags@1.0.0:
     resolution: {integrity: sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=}
 
+  /svgo@3.2.0:
+    resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.0.0
+    dev: true
+
   /symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
@@ -10890,12 +11376,6 @@ packages:
       xtend: 4.0.2
     dev: false
 
-  /through2@3.0.1:
-    resolution: {integrity: sha512-M96dvTalPT3YbYLaKaCuwu+j06D/8Jfib0o/PxbVt6Amhv3dUAtW6rTV1jPgJSBG83I/e04Y6xkVdVhSRhi0ww==}
-    dependencies:
-      readable-stream: 3.6.0
-    dev: true
-
   /through2@4.0.2:
     resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
     dependencies:
@@ -11802,6 +12282,17 @@ packages:
     resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
     engines: {node: '>=4'}
 
+  /update-browserslist-db@1.0.13(browserslist@4.23.0):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.23.0
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
@@ -11827,7 +12318,7 @@ packages:
     dev: false
 
   /util-deprecate@1.0.2:
-    resolution: {integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=}
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
   /uuid@3.4.0:
     resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==}