upgrade node, yarn, deps

Author: jgerigmeyer

.github/workflows/test.yml

@@ -29,7 +29,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        node: ['18', 'lts/*']
+        node: ['20', 'lts/*']
     steps:
       - uses: actions/checkout@v4
       - run: corepack enable

.nvmrc

@@ -1 +1 @@
-v20
+v22

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Herman Changelog
 
+## UNRELEASED
+
+- 💥 BREAKING: Drop support for Node < 20
+- 🏠 INTERNAL: Upgrade dependencies
+
 ## 6.0.2: 2024-11-08
 
 - 🐛 BUGFIX: Address Sass deprecation warnings --

package.json

@@ -33,7 +33,7 @@
     "CHANGELOG.md"
   ],
   "engines": {
-    "node": ">=18.17"
+    "node": ">=20"
   },
   "scripts": {
     "build": "run-s build:sprites build:webpack",
@@ -76,16 +76,16 @@
     "strip-indent": "^3.0.0",
     "typogr": "^0.6.8",
     "unixify": "^1.0.0",
-    "vinyl-fs": "^4.0.0"
+    "vinyl-fs": "^4.0.2"
   },
   "peerDependencies": {
     "sassdoc": "^2.5.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.4",
     "@babel/eslint-parser": "^7.27.1",
-    "@babel/preset-env": "^7.27.1",
-    "@eslint/js": "^9.25.1",
+    "@babel/preset-env": "^7.27.2",
+    "@eslint/js": "^9.28.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "accoutrement": "^4.0.5",
@@ -98,15 +98,15 @@
     "css-minimizer-webpack-plugin": "^7.0.2",
     "cssremedy": "^0.1.0-beta.2",
     "del": "^6.1.1",
-    "eslint": "^9.25.1",
-    "eslint-config-prettier": "^10.1.2",
+    "eslint": "^9.28.0",
+    "eslint-config-prettier": "^10.1.5",
     "eslint-import-resolver-node": "^0.3.9",
     "eslint-import-resolver-webpack": "^0.13.10",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jest": "^28.12.0",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^16.0.0",
+    "globals": "^16.2.0",
     "highlight.js": "^11.11.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -120,29 +120,29 @@
     "mark.js": "^8.11.1",
     "matchmedia-polyfill": "^0.3.2",
     "mini-css-extract-plugin": "^2.9.2",
-    "mocha": "^11.2.2",
+    "mocha": "^11.5.0",
     "mocha-junit-reporter": "^2.2.1",
     "npm-run-all": "^4.1.5",
     "nyc": "^17.1.0",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "postcss-loader": "^8.1.1",
     "prettier": "^3.5.3",
-    "sass": "^1.87.0",
-    "sass-embedded": "^1.87.0",
+    "sass": "^1.89.1",
+    "sass-embedded": "^1.89.1",
     "sass-loader": "^16.0.5",
     "sass-true": "^8.1.0",
     "sassdoc": "^2.7.4",
     "sinon": "^20.0.0",
     "srcdoc-polyfill": "^1.0.0",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "svgo": "^3.3.2",
-    "webpack": "^5.99.7",
+    "webpack": "^5.99.9",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.1"
   },
   "resolutions": {
     "cdocparser": "^0.15.0"
   },
-  "packageManager": "yarn@4.8.1"
+  "packageManager": "yarn@4.9.1"
 }

test/sass/utilities/_json-encode.scss

@@ -42,8 +42,8 @@
 
   @include true.it('returns quoted color strings') {
     $hex: #333;
-    $rgba: rgba(0, 255, 130, 75%);
-    $hsla: hsla(120deg, 50%, 80%, 75%);
+    $rgba: rgb(0, 255, 130, 75%);
+    $hsla: hsl(120deg, 50%, 80%, 75%);
 
     @each $color in ($hex, $rgba, $hsla) {
       @include true.assert-equal(encode($color), '"#{$color}"');