2025-08 package updates

.stylelintrc.yml

@@ -37,6 +37,8 @@ rules:
   import-notation: string
   layer-name-pattern: null
   max-nesting-depth: 4
+  nesting-selector-no-missing-scoping-root: null
+  no-invalid-position-declaration: null
   number-max-precision: null
   order/order:
     - - type: at-rule

package.json

@@ -24,35 +24,35 @@
     ">= 1% in US"
   ],
   "dependencies": {
-    "next": "15.3.5",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-select": "^5.10.1"
+    "next": "15.4.5",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "react-select": "^5.10.2"
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^3.0.0",
     "@eslint/eslintrc": "^3.3.1",
-    "@forumone/eslint-config-es5": "^3.0.0",
-    "@forumone/eslint-config-react": "^3.0.0",
-    "@next/eslint-plugin-next": "15.3.5",
-    "@storybook/addon-a11y": "^9.0.15",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-links": "^9.0.15",
-    "@storybook/nextjs": "^9.0.15",
+    "@forumone/eslint-config-es5": "^3.0.2",
+    "@forumone/eslint-config-react": "^3.0.2",
+    "@next/eslint-plugin-next": "15.4.5",
+    "@storybook/addon-a11y": "^9.1.1",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-links": "^9.1.1",
+    "@storybook/nextjs": "^9.1.1",
     "@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.19.4",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
+    "@types/node": "^20.19.9",
+    "@types/react": "19.1.9",
+    "@types/react-dom": "19.1.7",
     "@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.2",
-    "eslint": "^9.30.1",
-    "html-react-parser": "^5.2.5",
+    "eslint": "^9.32.0",
+    "html-react-parser": "^5.2.6",
     "husky": "^9.1.7",
     "inquirer": "^10.2.2",
     "plop": "^4.0.1",
@@ -64,20 +64,20 @@
     "postcss-preset-env": "^10.2.4",
     "postcss-rem": "^3.0.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "storybook": "^9.0.15",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "storybook": "^9.1.1",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.21.1",
-    "stylelint-config-standard": "^38.0.0",
+    "stylelint": "^16.23.0",
+    "stylelint-config-standard": "^39.0.0",
     "stylelint-order": "^7.0.0",
     "stylelint-webpack-plugin": "^5.0.1",
     "typescript": "~5.8.3",
     "yaml": "^2.8.0"
   },
   "overrides": {
     "csstype": "3.1.3",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
+    "@types/react": "19.1.9",
+    "@types/react-dom": "19.1.7",
     "storybook": "$storybook"
   }
 }

source/00-config/mixins/accessibility.css

@@ -4,12 +4,12 @@
   @param {Boolean} $important
  */
 @mixin visually-hidden($important: false) {
-  clip: rect(1px, 1px, 1px, 1px) iff($important, !important);
+  clip-path: rect(1px, 1px, 1px, 1px) iff($important, !important);
   height: 1px iff($important, !important);
   overflow: hidden iff($important, !important);
+  overflow-wrap: normal iff($important, !important);
   position: absolute iff($important, !important);
   width: 1px iff($important, !important);
-  word-wrap: normal iff($important, !important);
 }
 
 /**
@@ -24,7 +24,7 @@
   @param {boolean} $important
  */
 @mixin visually-hidden-off($important: false) {
-  clip: auto iff($important, !important);
+  clip-path: auto iff($important, !important);
   height: auto iff($important, !important);
   overflow: visible iff($important, !important);
   position: static iff($important, !important);

source/01-global/html-elements/02-body/body.css

@@ -7,9 +7,9 @@ body {
   color: var(--text-primary);
   inline-size: 100%;
   margin: 0;
+  overflow-wrap: break-word;
   overflow-x: hidden;
   padding: 0;
-  word-wrap: break-word;
 
   &.has-open-menu,
   &.has-open-modal {

source/01-global/html-elements/13-headings/headings.css

@@ -10,8 +10,8 @@
   text-rendering: optimizeLegibility;
 
   @media print {
+    break-after: avoid;
     orphans: 3;
-    page-break-after: avoid;
     widows: 3;
 
     &::after {

source/01-global/html-elements/16-blockquote/blockquote.css

@@ -43,6 +43,6 @@ blockquote {
   }
 
   @media print {
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
 }

source/01-global/html-elements/17-preformatted-text/preformatted-text.css

@@ -3,6 +3,6 @@ pre {
   overflow: auto;
 
   @media print {
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
 }

source/01-global/html-elements/22-list-item/list-item.css

@@ -6,6 +6,6 @@ li {
   }
 
   @media print {
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
 }

source/01-global/html-elements/24-table/table.css

@@ -30,7 +30,7 @@ th {
 
 tr {
   @media print {
-    page-break-inside: avoid;
+    break-inside: avoid;
   }
 }
 

source/01-global/html-elements/26-media/img.css

@@ -6,7 +6,7 @@ img {
   vertical-align: middle;
 
   @media print {
+    break-inside: avoid;
     max-width: 100% !important;
-    page-break-inside: avoid;
   }
 }

source/02-layouts/Sidebar/sidebar.module.css

@@ -6,7 +6,7 @@
     --sidebar-width: 300px;
     @media (--sidebar) {
       display: grid;
-      grid-gap: var(--sidebar-gutter);
+      gap: var(--sidebar-gutter);
       grid-template-columns: minmax(0, 1fr);
 
       .full {