Node 22 / Sass 1.80

.nvmrc

@@ -1 +1 @@
-20
+22

.pre-commit-config.yaml

@@ -1,5 +1,5 @@
 default_language_version:
-  node: 20.15.0
+  node: 22.11.0
   python: python3.12
 repos:
   - repo: https://github.com/psf/black
@@ -39,14 +39,14 @@ repos:
           - eslint@8.20.0
           - '@wagtail/eslint-config-wagtail@0.4.0'
   - repo: https://github.com/thibaudcolas/pre-commit-stylelint
-    rev: v14.9.1
+    rev: v15.11.0
     hooks:
       - id: stylelint
         files: \.scss$
         args: [--report-needless-disables]
         additional_dependencies:
-          - stylelint@14.9.1
-          - '@wagtail/stylelint-config-wagtail@0.5.0'
+          - stylelint@15.11.0
+          - '@wagtail/stylelint-config-wagtail@0.8.0'
   - repo: https://github.com/rtts/djhtml
     rev: 3.0.7
     hooks:

.stylelintrc.js

@@ -1,6 +1,7 @@
 module.exports = {
     extends: '@wagtail/stylelint-config-wagtail',
     rules: {
+        'scss/selector-no-union-class-name': null,
         'scss/at-rule-no-unknown': [
             true,
             {
@@ -79,5 +80,13 @@ module.exports = {
         ],
         // Allow use of 'right', 'left' and 'text-transform'
         'property-disallowed-list': null,
+        // Refined ordering to align with media mixin usage - see https://github.com/wagtail/stylelint-config-wagtail/issues/37
+        'order/order': [
+            'dollar-variables',
+            'custom-properties',
+            // Disabled until we migrate existing code.
+            // { type: 'at-rule', hasBlock: true },  // @-rules that have no nesting.
+            'declarations',
+        ],
     },
 };

Dockerfile

@@ -1,5 +1,5 @@
 # (Keep the version in sync with the node install below)
-FROM node:20 as frontend
+FROM node:22 as frontend
 
 # Install front-end dependencies.
 COPY package.json package-lock.json tsconfig.json webpack.config.js ./