feat: upgrade stylelint deps and config

packages/stylelint-config/index.js

@@ -1,14 +1,7 @@
 module.exports = {
-  processors: [
-    [
-      'stylelint-processor-styled-components',
-      { strict: true, ignoreFiles: ['**/*.css'] }
-    ]
-  ],
   extends: [
-    'stylelint-config-recommended',
+    'stylelint-config-standard',
     'stylelint-config-css-modules',
-    'stylelint-config-styled-components',
     'stylelint-config-prettier'
   ],
   plugins: [
@@ -17,6 +10,16 @@ module.exports = {
     'stylelint-declaration-block-no-ignored-properties',
     'stylelint-selector-tag-no-without-class'
   ],
+  overrides: [
+    {
+      files: ['**/*.scss'],
+      customSyntax: require.resolve('postcss-scss')
+    },
+    {
+      files: ['**/*.less'],
+      customSyntax: require.resolve('postcss-less')
+    }
+  ],
   rules: {
     'length-zero-no-unit': true,
     'shorthand-property-no-redundant-values': true,

packages/stylelint-config/package.json

@@ -17,18 +17,20 @@
     "stylelint-config"
   ],
   "dependencies": {
+    "postcss": "8.4.16",
+    "postcss-less": "6.0.0",
+    "postcss-scss": "4.0.4",
     "stylelint-a11y": "1.2.3",
-    "stylelint-config-css-modules": "2.2.0",
-    "stylelint-config-prettier": "8.0.2",
+    "stylelint-config-css-modules": "4.1.0",
+    "stylelint-config-prettier": "9.0.3",
     "stylelint-config-recommended": "3.0.0",
-    "stylelint-config-styled-components": "0.1.1",
-    "stylelint-declaration-block-no-ignored-properties": "2.3.0",
-    "stylelint-order": "4.1.0",
-    "stylelint-processor-styled-components": "1.10.0",
-    "stylelint-selector-tag-no-without-class": "2.0.3",
+    "stylelint-config-standard": "28.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "2.5.0",
+    "stylelint-order": "5.0.0",
+    "stylelint-selector-tag-no-without-class": "2.0.5",
     "tslib": "2.0.1"
   },
   "peerDependencies": {
-    "stylelint": ">7.x"
+    "stylelint": ">14.x"
   }
 }

plugins/lint/package.json

@@ -29,9 +29,9 @@
     "eslint-formatter-pretty": "4.0.0",
     "fast-glob": "3.2.5",
     "get-monorepo-packages": "1.2.0",
-    "stylelint": "13.7.0",
+    "stylelint": "14.11.0",
     "stylelint-formatter-github": "^1.0.0",
-    "stylelint-formatter-pretty": "2.1.0",
+    "stylelint-formatter-pretty": "3.1.0",
     "tslib": "2.0.1"
   },
   "devDependencies": {

plugins/lint/src/index.ts

@@ -25,7 +25,6 @@ export default class LintPlugin implements Plugin<LintArgs> {
     try {
       const jsReturnCode = await lintJS(args);
       const cssReturnCode = await lintCSS(args);
-
       logger.debug({ jsReturnCode, cssReturnCode });
 
       if (jsReturnCode + cssReturnCode > 0) {

plugins/lint/src/utils/helperUtils.ts

@@ -49,8 +49,11 @@ async function attemptStylelint(
   try {
     return (await stylelint.lint(options)) as StylelintResult;
   } catch (error) {
-    if (error.message.includes('No files matching the pattern')) {
+    if (error?.message.includes('No files matching the pattern')) {
       return {
+        cwd: "",
+        reportedDisables: [],
+        ruleMetadata: {},
         results: [],
         output: 'no match',
         errored: false

plugins/lint/src/utils/lintUtils.ts

@@ -176,9 +176,9 @@ async function lintCSS(args: LintArgs): Promise<number> {
         warnings: [
           ...result.warnings,
           ...disables.ranges.map((range) => ({
-            rule: range.unusedRule,
+            rule: range.rule,
             severity: 'warning' as stylelint.Severity,
-            text: 'Needless stylint-disable',
+            text: 'Needless stylelint-disable',
             line: range.start,
             column: 0,
           })),

typings/createStylelint.d.ts

@@ -4,7 +4,7 @@ declare module 'stylelint/lib/createStylelint' {
   function createStylelint(
     options: Partial<stylelint.LinterOptions>
   ): {
-    getConfigForFile: (path: string) => { config: stylelint.Configuration };
+    getConfigForFile: (path: string) => { config: stylelint.Config };
   };
 
   export default createStylelint;