diff --git a/.stylelintrc.js b/.stylelintrc.js
index 8b65ae4179..1deae3c701 100644
--- a/.stylelintrc.js
+++ b/.stylelintrc.js
@@ -1,9 +1,11 @@
 module.exports = {
-  extends: ['stylelint-config-standard', 'stylelint-config-rational-order'],
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-prettier/recommended',
+    'stylelint-config-rational-order',
+  ],
   // 使用 stylelint 来 lint css in js? https://github.com/emotion-js/emotion/discussions/2694
-  plugins: ['stylelint-prettier'],
   rules: {
-    'prettier/prettier': true,
     'function-name-case': ['lower'],
     'function-no-unknown': [
       true,
diff --git a/package.json b/package.json
index 75d19a63eb..7110e485e7 100644
--- a/package.json
+++ b/package.json
@@ -278,7 +278,7 @@
     "stylelint": "^15.1.0",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard": "^30.0.0",
-    "stylelint-prettier": "^2.0.0",
+    "stylelint-prettier": "^3.0.0",
     "sylvanas": "^0.6.1",
     "terser": "^5.16.1",
     "ts-node": "^10.8.2",