chore: remove stylelint, enable Biome CSS linting

- Remove stylelint and stylelint-config-tailwindcss packages
- Delete .stylelintrc.json and .github/workflows/stylelint.yml
- Remove stylelint from CI pipelines (cicd_pipeline, cicd_pipeline_develop)
- Remove stylelint from pre-commit hooks
- Enable Biome CSS linter with cssModules parser support
- Disable noisy CSS rules (noUnknownTypeSelector, noDescendingSpecificity)
- Downgrade existing-code CSS issues to warnings for incremental fixing
- Fix minor CSS parse errors (missing semicolon, stray semicolon, comma in :global)
- Update lint-css script to use biome instead of stylelint

Made-with: Cursor

Author: luarmr

.github/workflows/cicd_pipeline.yml

@@ -140,15 +140,6 @@ jobs:
     with:
       head_sha: ${{ github.event.pull_request.head.sha || github.event.after }}
 
-  stylelint:
-    name: "Linter"
-    needs:
-      - changed_files
-    if: needs.changed_files.outputs.frontend == 'true'
-    uses: ./.github/workflows/stylelint.yml
-    with:
-      head_sha: ${{ github.event.pull_request.head.sha || github.event.after }}
-
   build-frontend-docs:
     name: "Build"
     needs:
@@ -509,7 +500,6 @@ jobs:
       - bandit
       - ruff
       - biome
-      - stylelint
       - pytest
       - migrations
       - build-docker
@@ -521,7 +511,7 @@ jobs:
       - name: Decide whether the needed jobs succeeded or failed
         uses: re-actors/alls-green@release/v1
         with:
-          allowed-skips: gitleaks, bandit, ruff, biome, stylelint, pytest, migrations, conda-test, build-docker, tests-yarn-unit, tests-yarn-lsf, cursor-review
+          allowed-skips: gitleaks, bandit, ruff, biome, pytest, migrations, conda-test, build-docker, tests-yarn-unit, tests-yarn-lsf, cursor-review
           allowed-failures: |
             [
               "gitleaks",

.github/workflows/cicd_pipeline_develop.yml

@@ -35,12 +35,6 @@ jobs:
     with:
       head_sha: ${{ github.event.pull_request.head.sha || github.event.after }}
 
-  stylelint:
-    name: "Linter"
-    uses: ./.github/workflows/stylelint.yml
-    with:
-      head_sha: ${{ github.event.pull_request.head.sha || github.event.after }}
-
   build-docker:
     name: "Build"
     permissions:
@@ -122,7 +116,6 @@ jobs:
       - bandit
       - ruff
       - biome
-      - stylelint
       - pytest
       - migrations
       - build-docker
@@ -133,5 +126,5 @@ jobs:
       - name: Decide whether the needed jobs succeeded or failed
         uses: re-actors/alls-green@release/v1
         with:
-          allowed-skips: gitleaks, bandit, ruff, biome, stylelint, pytest, migrations, conda-test, build-docker, tests-yarn-unit, tests-yarn-lsf
+          allowed-skips: gitleaks, bandit, ruff, biome, pytest, migrations, conda-test, build-docker, tests-yarn-unit, tests-yarn-lsf
           jobs: ${{ toJSON(needs) }}

.github/workflows/stylelint.yml

@@ -17,9 +17,3 @@ repos:
         language: system
         pass_filenames: false
         files: ^web/.*
-      - id: stylelint
-        name: stylelint
-        entry: bash -c 'cd web && npx stylelint **/*.css --fix'
-        language: node
-        types: [ css ]
-        files: ^.*\.css$

.pre-commit-config.yaml

@@ -16,9 +16,3 @@ repos:
         language: system
         pass_filenames: false
         files: ^web/.*
-      - id: stylelint
-        name: stylelint
-        entry: bash -c 'cd web && npx stylelint **/*.css --fix'
-        language: node
-        types: [ css ]
-        files: ^.*\.css$

.pre-commit-dev.yaml

@@ -65,7 +65,7 @@ To start the development server with HMR:
     - `yarn test:integration`: Run integration tests for all apps and libraries.
     - `yarn test:unit`: Run unit tests for all apps and libraries.
     - `yarn lint`: Run biome linter across all files with autofix.
-    - `yarn lint-css`: Run stylelint linter across all CSS files with autofix.
+    - `yarn lint-css`: Run Biome CSS linter across all CSS files with autofix.
 
 ### Git Hooks
 This project uses python `pre-commit` hooks to ensure code quality. To install the hooks, run `make configure-hooks` in the project root directory.

web/.stylelintrc.json

@@ -26,8 +26,11 @@
     "lineWidth": 120
   },
   "css": {
+    "parser": {
+      "cssModules": true
+    },
     "linter": {
-      "enabled": false
+      "enabled": true
     },
     "formatter": {
       "enabled": false
@@ -55,7 +58,9 @@
         "noConfusingVoidType": "off",
         "noImplicitAnyLet": "off",
         "noShadowRestrictedNames": "off",
-        "useGetterReturn": "off"
+        "useGetterReturn": "off",
+        "noDuplicateProperties": "warn",
+        "noShorthandPropertyOverrides": "warn"
       },
       "complexity": {
         "noForEach": "off",
@@ -74,7 +79,11 @@
         },
         "noUnusedVariables": {
           "level": "warn"
-        }
+        },
+        "noUnknownTypeSelector": "off",
+        "noUnknownPseudoClass": "off",
+        "noUnknownMediaFeatureName": "warn",
+        "noUnknownProperty": "warn"
       },
       "performance": {
         "noAccumulatingSpread": "off",
@@ -92,7 +101,8 @@
         "noUnusedTemplateLiteral": "error",
         "useNumberNamespace": "error",
         "noInferrableTypes": "error",
-        "noUselessElse": "error"
+        "noUselessElse": "error",
+        "noDescendingSpecificity": "off"
       },
       "nursery": {},
       "security": {

web/README.md

@@ -1,5 +1,5 @@
 .input {
-  @apply flex-1 max-h-[40px]
+  @apply flex-1 max-h-[40px];
 }
 
 .textarea {

web/biome.json

@@ -119,8 +119,6 @@
   line-height: 2em;
 }
 
-;
-
 .taxonomy__item {
   display: flex;