⬆️ upgrade stylelint to v17

.stylelintignore

@@ -0,0 +1,7 @@
+# Stylelint runs on everything by default; we only lint CSS files.
+*
+!*/
+!*.css
+build
+coverage
+packages/nonebot-plugin-docs/

.stylelintrc.js

@@ -1,10 +1,26 @@
 module.exports = {
-  extends: ["stylelint-config-standard", "stylelint-prettier/recommended"],
+  extends: ["stylelint-config-standard"],
+  rules: {
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        // :global is a CSS modules feature to escape from class name hashing
+        ignorePseudoClasses: ["global"],
+      },
+    ],
+    "custom-property-empty-line-before": null,
+    "selector-id-pattern": null,
+    "declaration-empty-line-before": null,
+    "comment-empty-line-before": null,
+    "value-keyword-case": ["lower", { camelCaseSvgKeywords: true }],
+  },
   overrides: [
     {
       files: ["*.css"],
       rules: {
         "function-no-unknown": [true, { ignoreFunctions: ["theme"] }],
+        // Tailwind's screen() function in media queries
+        "media-query-no-invalid": [true, { ignoreFunctions: ["screen"] }],
         "selector-class-pattern": [
           "^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
           {
@@ -15,6 +31,7 @@ module.exports = {
         ],
       },
     },
+    // Must come after "*.css" so the camelCase pattern wins for CSS modules
     {
       files: ["*.module.css"],
       rules: {

package.json

@@ -15,7 +15,7 @@
     "lint:js": "eslint --cache --report-unused-disable-directives \"**/*.{js,jsx,ts,tsx,mjs}\"",
     "lint:js:fix": "pnpm lint:js --fix",
     "lint:style": "stylelint \"**/*.css\"",
-    "lint:style:fix": "stylelint --fix \"**/*.css\"",
+    "lint:style:fix": "pnpm lint:style --fix",
     "pyright": "pyright"
   },
   "devDependencies": {
@@ -33,8 +33,7 @@
     "jiti": "^2.7.0",
     "prettier": "^3.0.3",
     "pyright": "1.1.393",
-    "stylelint": "^15.10.3",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-prettier": "^4.0.2"
+    "stylelint": "^17.12.0",
+    "stylelint-config-standard": "^40.0.0"
   }
 }

website/src/components/Form/Items/Tag/styles.css

@@ -29,6 +29,7 @@
 
 .fix-input-color {
   @apply !text-base-content !bg-base-100;
+
   input {
     @apply !text-base-content !bg-base-100;
   }