2025-04-package-updates

.stylelintrc.yml

@@ -23,6 +23,10 @@ rules:
     - ignore:
         - 'inside-function'
   custom-property-empty-line-before: null
+  declaration-property-value-no-unknown:
+    - true
+    - ignoreProperties:
+        '/.+/': '/rem-convert/'
   function-no-unknown:
     - true
     - ignoreFunctions:
@@ -31,6 +35,7 @@ rules:
         - 'responsive-font-size'
         - 'rem-convert'
   import-notation: string
+  layer-name-pattern: null
   max-nesting-depth: 4
   number-max-precision: null
   order/order:

package.json

@@ -24,43 +24,43 @@
     ">= 1% in US"
   ],
   "dependencies": {
-    "next": "15.2.4",
+    "next": "15.3.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-select": "^5.10.1"
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^3.0.0",
-    "@storybook/addon-a11y": "^8.6.6",
+    "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-actions": "^8.6.6",
-    "@storybook/addon-essentials": "^8.6.6",
-    "@storybook/addon-interactions": "^8.6.6",
-    "@storybook/addon-links": "^8.6.6",
-    "@storybook/nextjs": "^8.6.6",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/nextjs": "^8.6.12",
     "@storybook/react": "^8.6.6",
     "@storybook/test": "^8.6.6",
     "@storybook/theming": "^8.6.6",
     "@svgr/babel-plugin-add-jsx-attribute": "^8.0.0",
     "@svgr/babel-plugin-remove-jsx-attribute": "^8.0.0",
     "@svgr/cli": "^8.1.0",
-    "@types/node": "^20.17.22",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@types/node": "^20.17.30",
+    "@types/react": "19.1.1",
+    "@types/react-dom": "19.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.29.1",
+    "@typescript-eslint/parser": "^8.29.1",
     "clsx": "^2.1.1",
     "css-loader": "^7.1.2",
     "csstype": "3.1.3",
     "enhanced-resolve": "^5.18.1",
     "eslint": "^8.57.1",
-    "eslint-config-next": "15.2.4",
+    "eslint-config-next": "15.3.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "html-react-parser": "^5.2.2",
+    "eslint-plugin-prettier": "^5.2.6",
+    "html-react-parser": "^5.2.3",
     "husky": "^9.1.7",
     "inquirer": "^10.2.2",
     "plop": "^4.0.1",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.3",
     "postcss-advanced-variables": "github:kmonahan/postcss-advanced-variables",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
@@ -69,18 +69,18 @@
     "postcss-rem": "^3.0.0",
     "prettier": "^3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "storybook": "^8.6.6",
+    "storybook": "^8.6.12",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.15.0",
-    "stylelint-config-standard": "^36.0.1",
+    "stylelint": "^16.18.0",
+    "stylelint-config-standard": "^38.0.0",
     "stylelint-order": "^6.0.4",
     "stylelint-webpack-plugin": "^5.0.1",
-    "typescript": "~5.7",
-    "yaml": "^2.7.0"
+    "typescript": "~5.8.3",
+    "yaml": "^2.7.1"
   },
   "overrides": {
     "csstype": "3.1.3",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4"
+    "@types/react": "19.1.1",
+    "@types/react-dom": "19.1.2"
   }
 }

source/00-config/mixins/container-query.css

@@ -1,3 +1,5 @@
+/* stylelint-disable container-name-pattern, at-rule-prelude-no-invalid -- Disable stylelint rules that don't work correctly with mixin variables */
+
 /**
  * Create a min-width container query.
  * @param {Number} $breakpoint - width value.
@@ -84,3 +86,5 @@
     }
   }
 }
+
+/* stylelint-enable */

source/01-global/03-box-shadow/shadows.module.css

@@ -1,16 +1,17 @@
-$shadow-swatch: rem-convert(200px);
 
 .box-shadow {
+  --shadow-swatch: rem-convert(200px);
+
   display: flex;
   flex-wrap: wrap;
 }
 
 .item {
   display: flex;
-  flex: 0 0 $shadow-swatch;
-  height: $shadow-swatch;
+  flex: 0 0 var(--shadow-swatch);
+  height: var(--shadow-swatch);
   margin: 0 rem-convert(25px) rem-convert(50px);
-  width: $shadow-swatch;
+  width: var(--shadow-swatch);
 }
 
 .label {

source/03-components/HeroInlineImage/hero-inline-image.module.css

@@ -9,7 +9,7 @@
 
       &.has-overlay {
         &::after {
-          background: rgba(0 0 0 / 50%);
+          background: rgb(0 0 0 / 50%);
           content: '';
           inset: 0;
           position: absolute;

starterkits/drupal/package-drupal.json

@@ -9,10 +9,10 @@
     "next-drupal": "^1.6.0"
   },
   "devDependencies": {
-    "@dotenvx/dotenvx": "^1.32.0",
-    "@graphql-codegen/cli": "^5.0.3",
-    "@graphql-codegen/client-preset": "^4.5.1",
-    "@parcel/watcher": "^2.5.0",
+    "@dotenvx/dotenvx": "^1.40.0",
+    "@graphql-codegen/cli": "^5.0.5",
+    "@graphql-codegen/client-preset": "^4.8.0",
+    "@parcel/watcher": "^2.5.1",
     "ts-node": "^10.9.2"
   }
 }

starterkits/wp/app/_components/content/SiteSearch/site-search.module.css

@@ -39,7 +39,7 @@
     .form-item {
       --form-font-size: var(--responsive-font-size-2);
 
-      flex-basis: rem(220px);
+      flex-basis: rem-convert(220px);
       flex-grow: 0;
     }
   }

starterkits/wp/package-wp.json

@@ -21,28 +21,26 @@
     "editor-styles": "./editor-styles/dist/editor-styles.css"
   },
   "dependencies": {
-    "@apollo/client": "^3.12.4",
-    "@apollo/experimental-nextjs-app-support": "^0.11.7",
+    "@apollo/client": "^3.13.7",
+    "@apollo/experimental-nextjs-app-support": "^0.12.1",
     "@faustwp/blocks": "^5.0.0",
     "@faustwp/cli": "^3.1.1",
     "@faustwp/core": "^3.1.0",
     "@faustwp/experimental-app-router": "^0.5.0",
-    "clsx": "^2.1.1",
     "graphql": "^16.10.0",
-    "html-entities": "^2.5.2"
+    "html-entities": "^2.6.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^5.0.3",
-    "@graphql-codegen/client-preset": "^4.5.1",
+    "@graphql-codegen/cli": "^5.0.5",
+    "@graphql-codegen/client-preset": "^4.8.0",
     "banner-webpack-plugin": "^0.2.3",
     "cssnano": "^7.0.6",
     "cssnano-preset-lite": "^4.0.3",
     "dotenv": "^16.4.7",
-    "esbuild": "^0.24.2",
-    "glob": "^11.0.0",
+    "esbuild": "^0.25.2",
+    "glob": "^11.0.1",
     "next-secure-headers": "^2.2.0",
-    "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.1.0",
+    "postcss-cli": "^11.0.1",
     "ts-node": "^10.9.2"
   },
   "overrides": {