diff --git a/.changeset/sweet-dodos-grab.md b/.changeset/sweet-dodos-grab.md
new file mode 100644
index 00000000..94f74382
--- /dev/null
+++ b/.changeset/sweet-dodos-grab.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue-scoped-css": major
+---
+
+feat!: move preprocessor deps to peerDependencies
diff --git a/README.md b/README.md
index ea4e5ef2..edd1bd24 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,11 @@ See [documents](https://future-architect.github.io/eslint-plugin-vue-scoped-css/
 npm install --save-dev eslint eslint-plugin-vue-scoped-css vue-eslint-parser
 ```
 
+If you use SCSS or STYLUS in your project, you also need to run:
+
+* SCSS: `npm install --save-dev postcss-scss`
+* Stylus: `npm install --save-dev postcss-styl`
+
 > **Requirements**
 >
 > - ESLint v6.0.0 and above
diff --git a/package-lock.json b/package-lock.json
index 00a072ff..ce0b8f4c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,9 +14,7 @@
         "lodash": "^4.17.21",
         "postcss": "^8.4.31",
         "postcss-safe-parser": "^6.0.0",
-        "postcss-scss": "^4.0.3",
-        "postcss-selector-parser": "^6.0.9",
-        "postcss-styl": "^0.12.0"
+        "postcss-selector-parser": "^6.0.9"
       },
       "devDependencies": {
         "@changesets/cli": "^2.27.5",
@@ -74,6 +72,8 @@
       },
       "peerDependencies": {
         "eslint": ">=5.0.0",
+        "postcss-scss": "^4.0.3",
+        "postcss-styl": "^0.12.0",
         "vue-eslint-parser": ">=7.1.0"
       }
     },
diff --git a/package.json b/package.json
index ebd59bdf..90af22b3 100644
--- a/package.json
+++ b/package.json
@@ -105,12 +105,12 @@
     "lodash": "^4.17.21",
     "postcss": "^8.4.31",
     "postcss-safe-parser": "^6.0.0",
-    "postcss-scss": "^4.0.3",
-    "postcss-selector-parser": "^6.0.9",
-    "postcss-styl": "^0.12.0"
+    "postcss-selector-parser": "^6.0.9"
   },
   "peerDependencies": {
     "eslint": ">=5.0.0",
+    "postcss-scss": "^4.0.3",
+    "postcss-styl": "^0.12.0",
     "vue-eslint-parser": ">=7.1.0"
   },
   "nyc": {