diff --git a/packages/element-plus/package.json b/packages/element-plus/package.json
index 1b7c2ed19e..9e82729317 100644
--- a/packages/element-plus/package.json
+++ b/packages/element-plus/package.json
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@types/node": "*",
-    "csstype": "^2.6.0",
+    "csstype": "^3.0.0",
     "vue-router": "^4.0.0"
   },
   "vetur": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4263e8230a..acadad3eda 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -191,7 +191,7 @@ importers:
       '@types/node': '*'
       '@vueuse/core': ^6.7.3
       async-validator: ^4.0.7
-      csstype: ^2.6.0
+      csstype: ^3.0.0
       dayjs: ^1.10.7
       lodash: ^4.17.21
       memoize-one: ^6.0.0
@@ -208,7 +208,7 @@ importers:
       normalize-wheel-es: 1.1.0
     devDependencies:
       '@types/node': 16.11.6
-      csstype: 2.6.18
+      csstype: 3.0.9
       vue-router: 4.0.12_vue@3.2.21
 
   packages/hooks:
@@ -3596,6 +3596,10 @@ packages:
     resolution: {integrity: sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ==}
     dev: true
 
+  /csstype/3.0.9:
+    resolution: {integrity: sha512-rpw6JPxK6Rfg1zLOYCSwle2GFOOsnjmDYDaBwEcwoOg4qlsIVCN789VkBZDJAGi4T07gI4YSutR43t9Zz4Lzuw==}
+    dev: true
+
   /cz-conventional-changelog/3.2.0:
     resolution: {integrity: sha512-yAYxeGpVi27hqIilG1nh4A9Bnx4J3Ov+eXy4koL3drrR+IO9GaWPsKjik20ht608Asqi8TQPf0mczhEeyAtMzg==}
     engines: {node: '>= 10'}