fix: stylelint does not support es modules

Author: prisis

package.json

@@ -26,7 +26,7 @@
         "sort-package-json": "sort-package-json packages/**/package.json",
         "test": "jest --config=./jest.config.cjs",
         "test:coverage": "jest --config=./jest.config.cjs --coverageDirectory=./coverage --coverage",
-        "test:stylelint": "stylelint --formatter verbose --config ./packages/stylelint-config/index.js ./packages/stylelint-config/__tests__/css/**/*.css --syntax css",
+        "test:stylelint": "stylelint --formatter verbose --config packages/stylelint-config/index.cjs ./packages/stylelint-config/__tests__/css/**/*.css --syntax css",
         "test:babel": "babel --config-file=./packages/babel-preset/index.js ./packages/babel-preset/fixture/test.ts --out-file=./packages/babel-preset/fixture/test.js"
     },
     "lint-staged": {

packages/stylelint-config/__tests__/index.tests.ts

@@ -1,4 +1,4 @@
-import Index from "./../index"
+import Index from "../index.cjs"
 
 describe("eslint", () => {
     it("should output no error", async () => {

packages/stylelint-config/index.cjs

@@ -0,0 +1,16 @@
+const rules = [
+    "./rules/a11y.cjs",
+    "./rules/declaration-block-no-ignored-properties.cjs",
+    "./rules/no-unsupported-browser-features.cjs",
+    "./rules/rational-order.cjs",
+    "./rules/require-units.cjs",
+    "./rules/selector-no-empty.cjs",
+    "./rules/standard.cjs",
+];
+
+module.exports = {
+    extends: rules.map(require.resolve),
+    rules: {
+        "indentation": 4,
+    }
+};

packages/stylelint-config/index.js

@@ -21,10 +21,10 @@
         "email": "[email protected]"
     },
     "type": "module",
-    "main": "index.js",
+    "main": "index.cjs",
     "files": [
         "lib",
-        "index.js",
+        "index.cjs",
         "rules",
         "README.md",
         "CHANGELOG.md",

packages/stylelint-config/package.json

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
     plugins: ["stylelint-a11y"],
     rules: {
         // Require certain styles if the animation or transition in media features

packages/stylelint-config/rules/a11y.js renamed to packages/stylelint-config/rules/a11y.cjs

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
     rules: {
         // Enabled to play well with both CSS and SCSS at-rules for readability.
         // https://stylelint.io/user-guide/rules/at-rule-empty-line-before

packages/stylelint-config/rules/best-practices.js renamed to packages/stylelint-config/rules/best-practices.cjs

@@ -1,3 +1,3 @@
-export default {
+module.exports = {
     extends: ["stylelint-config-rational-order"],
 };