diff --git a/.stylelintrc b/.stylelintrc
index 53c69bd614..9073b029b9 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -5,8 +5,7 @@
   ],
   "plugins": [
     "stylelint-order",
-    "stylelint-scss",
-    "stylelint-use-logical-spec"
+    "stylelint-scss"
   ],
   "ignoreFiles": [
     "./src/patternfly/assets/fontawesome/*.scss",
@@ -49,10 +48,21 @@
     "font-weight-notation": "numeric",
     "import-notation": "string",
     "keyframes-name-pattern": null,
-    "liberty/use-logical-spec": ["always", { "except": ["width", "max-width", "min-width", "height", "max-height", "min-height"] }],
     "max-nesting-depth": 3,
     "media-query-no-invalid": null,
+    "nesting-selector-no-missing-scoping-root": [
+      true,
+      {
+        "ignoreAtRules": ["mixin", "include", "media", "content"]
+      }
+    ],
     "no-descending-specificity": null,
+    "no-invalid-position-declaration": [
+      true,
+      {
+        "ignoreAtRules": ["include", "mixin", "media", "content"]
+      }
+    ],
     "no-unknown-animations": true,
     "order/order": [
       "custom-properties",
@@ -61,6 +71,10 @@
     "property-disallowed-list": [
       "text-decoration"
     ],
+    "property-layout-mappings": [
+      "flow-relative",
+      { "ignoreProperties": ["width", "max-width", "min-width", "height", "max-height", "min-height", "overflow-x", "overflow-y"] }
+    ],
     "scss/declaration-nested-properties": "never",
     "scss/dollar-variable-colon-space-after": "at-least-one-space",
     "scss/dollar-variable-colon-space-before": "never",
diff --git a/package.json b/package.json
index 671029c25c..a0f4416e6b 100644
--- a/package.json
+++ b/package.json
@@ -117,11 +117,10 @@
     "resemblejs": "^5.0.0",
     "rimraf": "^6.0.1",
     "sass": "^1.74.1",
-    "stylelint": "^16.3.1",
-    "stylelint-config-recess-order": "^5.0.0",
-    "stylelint-config-standard": "^36.0.0",
-    "stylelint-config-standard-scss": "^13.1.0",
-    "stylelint-use-logical-spec": "^5.0.1",
+    "stylelint": "^17.12.0",
+    "stylelint-config-recess-order": "^7.7.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "stylelint-order": "^8.1.1",
     "surge": "^0.24.6",
     "unified": "^11.0.4",
     "webpack": "^5.91.0"
diff --git a/src/patternfly/base/normalize.scss b/src/patternfly/base/normalize.scss
index e974773572..40acb1bbea 100644
--- a/src/patternfly/base/normalize.scss
+++ b/src/patternfly/base/normalize.scss
@@ -2,6 +2,7 @@
 
 // Normalize
 @if $pf-v6-global--enable-normalize {
+  // stylelint-disable selector-max-type
   *,
   *::before,
   *::after {
@@ -144,4 +145,5 @@
   :where(.pf-v6-theme-dark) {
     color-scheme: dark;
   }
+  // stylelint-enable selector-max-type
 }
diff --git a/src/patternfly/base/patternfly-common.scss b/src/patternfly/base/patternfly-common.scss
index 6b9b527a37..8347887898 100644
--- a/src/patternfly/base/patternfly-common.scss
+++ b/src/patternfly/base/patternfly-common.scss
@@ -128,8 +128,8 @@
     --#{$pf-global}--thinking-active--Animation--Duration: 2s;
   }
 
-  container-type: inline-size;
   container-name: #{$pf-prefix}contain-viewport #{$pf-prefix}contain-table;
+  container-type: inline-size;
 }
 
 // Register the property type for the custom property to be animatable
diff --git a/src/patternfly/base/patternfly-fa-icons.scss b/src/patternfly/base/patternfly-fa-icons.scss
index c036ffd819..005dfb7ad1 100644
--- a/src/patternfly/base/patternfly-fa-icons.scss
+++ b/src/patternfly/base/patternfly-fa-icons.scss
@@ -32,13 +32,13 @@
 }
 
 @mixin pf-fa-icon-base {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
-  text-rendering: auto;
   line-height: 1;
+  text-rendering: auto;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
 }
 
 @if not($pf-v6-global--disable-fontawesome) {
diff --git a/src/patternfly/base/reset.scss b/src/patternfly/base/reset.scss
index 8be9ab7a85..357ad87795 100644
--- a/src/patternfly/base/reset.scss
+++ b/src/patternfly/base/reset.scss
@@ -1,6 +1,7 @@
 @use '../sass-utilities/scss-variables.scss' as *;
 
 // Reset - based on minireset.css v0.0.3 | MIT License github.com/jgthms/minireset.css
+// stylelint-disable selector-max-type
 @if $pf-v6-global--enable-reset {
   :where(
     html,
@@ -30,4 +31,5 @@
     padding: 0;
     margin: 0;
   }
+  // stylelint-enable selector-max-type
 }
diff --git a/src/patternfly/base/tokens/tokens-charts-dark.scss b/src/patternfly/base/tokens/tokens-charts-dark.scss
index f5ee4742ef..3e61d03a69 100644
--- a/src/patternfly/base/tokens/tokens-charts-dark.scss
+++ b/src/patternfly/base/tokens/tokens-charts-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;
diff --git a/src/patternfly/base/tokens/tokens-charts-highcontrast-dark.scss b/src/patternfly/base/tokens/tokens-charts-highcontrast-dark.scss
index f15fa9da0d..8a8335c06d 100644
--- a/src/patternfly/base/tokens/tokens-charts-highcontrast-dark.scss
+++ b/src/patternfly/base/tokens/tokens-charts-highcontrast-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;
diff --git a/src/patternfly/base/tokens/tokens-charts-highcontrast.scss b/src/patternfly/base/tokens/tokens-charts-highcontrast.scss
index 01bb28d275..6952e4029b 100644
--- a/src/patternfly/base/tokens/tokens-charts-highcontrast.scss
+++ b/src/patternfly/base/tokens/tokens-charts-highcontrast.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;
diff --git a/src/patternfly/base/tokens/tokens-charts.scss b/src/patternfly/base/tokens/tokens-charts.scss
index c0338dfa85..2bcae53500 100644
--- a/src/patternfly/base/tokens/tokens-charts.scss
+++ b/src/patternfly/base/tokens/tokens-charts.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--chart--global--BorderWidth--lg: 8;
diff --git a/src/patternfly/base/tokens/tokens-dark.scss b/src/patternfly/base/tokens/tokens-dark.scss
index ecd92677ce..20e237c8a9 100644
--- a/src/patternfly/base/tokens/tokens-dark.scss
+++ b/src/patternfly/base/tokens/tokens-dark.scss
@@ -1,17 +1,17 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
-  --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
+  --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
+  --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
   --pf-t--global--background--filter--glass--blur--primary: initial;
-  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
-  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
-  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
-  --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
-  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
-  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
+  --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
+  --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
+  --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
+  --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
+  --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
+  --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
   --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
   --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
   --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
diff --git a/src/patternfly/base/tokens/tokens-default.scss b/src/patternfly/base/tokens/tokens-default.scss
index ca34e98dcc..ca177dfaaf 100644
--- a/src/patternfly/base/tokens/tokens-default.scss
+++ b/src/patternfly/base/tokens/tokens-default.scss
@@ -1,14 +1,14 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
-  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
-  --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
-  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
+  --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
+  --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
+  --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
+  --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
   --pf-t--global--background--filter--glass--blur--primary: initial;
-  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
+  --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
   --pf-t--global--border--radius--0: 0px;
   --pf-t--global--border--radius--100: 4px;
   --pf-t--global--border--radius--200: 6px;
@@ -46,8 +46,8 @@
   --pf-t--global--box-shadow--blur--100: 6px;
   --pf-t--global--box-shadow--blur--200: 10px;
   --pf-t--global--box-shadow--blur--300: 20px;
-  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
-  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
+  --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
+  --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
   --pf-t--global--box-shadow--spread--100: 0px;
   --pf-t--global--box-shadow--spread--200: -4px;
   --pf-t--global--box-shadow--spread--300: -8px;
diff --git a/src/patternfly/base/tokens/tokens-felt-dark.scss b/src/patternfly/base/tokens/tokens-felt-dark.scss
index 30e6018ea4..50eab82b1d 100644
--- a/src/patternfly/base/tokens/tokens-felt-dark.scss
+++ b/src/patternfly/base/tokens/tokens-felt-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (14 tokens)
 @mixin pf-v6-tokens {
diff --git a/src/patternfly/base/tokens/tokens-felt-glass-dark.scss b/src/patternfly/base/tokens/tokens-felt-glass-dark.scss
index 8928115470..d2274481c9 100644
--- a/src/patternfly/base/tokens/tokens-felt-glass-dark.scss
+++ b/src/patternfly/base/tokens/tokens-felt-glass-dark.scss
@@ -1,16 +1,16 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (33 tokens)
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
-  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
-  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
-  --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
-  --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
-  --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
-  --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
+  --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
+  --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
+  --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
+  --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
+  --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
+  --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
+  --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
   --pf-t--global--background--filter--glass--blur--primary: blur(16px);
   --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
   --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
diff --git a/src/patternfly/base/tokens/tokens-felt-glass.scss b/src/patternfly/base/tokens/tokens-felt-glass.scss
index bf15207e3a..676bb8d5eb 100644
--- a/src/patternfly/base/tokens/tokens-felt-glass.scss
+++ b/src/patternfly/base/tokens/tokens-felt-glass.scss
@@ -1,16 +1,16 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (23 tokens)
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
-  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
-  --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
-  --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
+  --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
+  --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
+  --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
+  --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
   --pf-t--global--background--filter--glass--blur--primary: blur(16px);
   --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
diff --git a/src/patternfly/base/tokens/tokens-felt-highcontrast-dark.scss b/src/patternfly/base/tokens/tokens-felt-highcontrast-dark.scss
index 9beaf089de..ef4e28cc2e 100644
--- a/src/patternfly/base/tokens/tokens-felt-highcontrast-dark.scss
+++ b/src/patternfly/base/tokens/tokens-felt-highcontrast-dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (43 tokens)
 @mixin pf-v6-tokens {
diff --git a/src/patternfly/base/tokens/tokens-felt-highcontrast.scss b/src/patternfly/base/tokens/tokens-felt-highcontrast.scss
index 51afc74487..c701d18f7b 100644
--- a/src/patternfly/base/tokens/tokens-felt-highcontrast.scss
+++ b/src/patternfly/base/tokens/tokens-felt-highcontrast.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (122 tokens)
 @mixin pf-v6-tokens {
diff --git a/src/patternfly/base/tokens/tokens-felt.scss b/src/patternfly/base/tokens/tokens-felt.scss
index 74836c3592..c0fa9b373e 100644
--- a/src/patternfly/base/tokens/tokens-felt.scss
+++ b/src/patternfly/base/tokens/tokens-felt.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (8 tokens)
 @mixin pf-v6-tokens {
diff --git a/src/patternfly/base/tokens/tokens-glass-dark.scss b/src/patternfly/base/tokens/tokens-glass-dark.scss
index 0b6a0b93b0..15146138a9 100644
--- a/src/patternfly/base/tokens/tokens-glass-dark.scss
+++ b/src/patternfly/base/tokens/tokens-glass-dark.scss
@@ -1,16 +1,16 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (19 tokens)
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
-  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
-  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
-  --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
-  --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
-  --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
-  --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
+  --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
+  --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
+  --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
+  --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
+  --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
+  --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
+  --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
   --pf-t--global--background--filter--glass--blur--primary: blur(16px);
   --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
   --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
diff --git a/src/patternfly/base/tokens/tokens-glass.scss b/src/patternfly/base/tokens/tokens-glass.scss
index e190003e28..5ecf9956be 100644
--- a/src/patternfly/base/tokens/tokens-glass.scss
+++ b/src/patternfly/base/tokens/tokens-glass.scss
@@ -1,16 +1,16 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:37 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 // Only tokens that differ from base theme (15 tokens)
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
-  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
-  --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
-  --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
+  --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
+  --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
+  --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
+  --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
+  --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
   --pf-t--global--background--filter--glass--blur--primary: blur(16px);
   --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
diff --git a/src/patternfly/base/tokens/tokens-highcontrast-dark.scss b/src/patternfly/base/tokens/tokens-highcontrast-dark.scss
index 9e4458020d..bc293d3cdc 100644
--- a/src/patternfly/base/tokens/tokens-highcontrast-dark.scss
+++ b/src/patternfly/base/tokens/tokens-highcontrast-dark.scss
@@ -1,16 +1,16 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
-  --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
+  --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
+  --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
   --pf-t--global--background--filter--glass--blur--primary: initial;
-  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
-  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
-  --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
-  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
-  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
+  --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
+  --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
+  --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
+  --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
+  --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
   --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
   --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
   --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
diff --git a/src/patternfly/base/tokens/tokens-highcontrast.scss b/src/patternfly/base/tokens/tokens-highcontrast.scss
index 7e272e1778..3a1715b2a8 100644
--- a/src/patternfly/base/tokens/tokens-highcontrast.scss
+++ b/src/patternfly/base/tokens/tokens-highcontrast.scss
@@ -1,12 +1,12 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
-  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
-  --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
-  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
+  --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
+  --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
+  --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
+  --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
   --pf-t--global--background--filter--glass--blur--primary: initial;
   --pf-t--global--border--radius--0: 0px;
   --pf-t--global--border--radius--100: 4px;
@@ -40,8 +40,8 @@
   --pf-t--global--box-shadow--blur--100: 6px;
   --pf-t--global--box-shadow--blur--200: 10px;
   --pf-t--global--box-shadow--blur--300: 20px;
-  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
-  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
+  --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
+  --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
   --pf-t--global--box-shadow--spread--100: 0px;
   --pf-t--global--box-shadow--spread--200: -4px;
   --pf-t--global--box-shadow--spread--300: -8px;
diff --git a/src/patternfly/base/tokens/tokens-palette.scss b/src/patternfly/base/tokens/tokens-palette.scss
index fe850fc38a..6d48356f0a 100644
--- a/src/patternfly/base/tokens/tokens-palette.scss
+++ b/src/patternfly/base/tokens/tokens-palette.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 15 May 2026 17:53:36 GMT
+// Generated on Mon, 01 Jun 2026 21:26:11 GMT
 
 @mixin pf-v6-tokens {
   --pf-t--color--black: #000000;
diff --git a/src/patternfly/base/tokens/tokens-redhat-highcontrast.scss b/src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
index 7268d98d8c..b6768f43bd 100644
--- a/src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
+++ b/src/patternfly/base/tokens/tokens-redhat-highcontrast.scss
@@ -3,10 +3,10 @@
 // Generated on Mon, 04 May 2026 19:53:21 GMT
 
 @mixin pf-v6-tokens {
-  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
-  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
-  --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
-  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
+  --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
+  --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
+  --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
+  --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
   --pf-t--global--background--filter--glass--blur--primary: blur(0px);
   --pf-t--global--border--radius--0: 0px;
   --pf-t--global--border--radius--100: 4px;
@@ -40,8 +40,8 @@
   --pf-t--global--box-shadow--blur--100: 6px;
   --pf-t--global--box-shadow--blur--200: 10px;
   --pf-t--global--box-shadow--blur--300: 20px;
-  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
-  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
+  --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
+  --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
   --pf-t--global--box-shadow--spread--100: 0px;
   --pf-t--global--box-shadow--spread--200: -4px;
   --pf-t--global--box-shadow--spread--300: -8px;
diff --git a/src/patternfly/components/AboutModalBox/about-modal-box.scss b/src/patternfly/components/AboutModalBox/about-modal-box.scss
index f26c1df292..aff9ab0961 100644
--- a/src/patternfly/components/AboutModalBox/about-modal-box.scss
+++ b/src/patternfly/components/AboutModalBox/about-modal-box.scss
@@ -176,7 +176,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  word-break: break-word;
+  overflow-wrap: break-word;
   -webkit-overflow-scrolling: touch;
 
   @media screen and (min-width: $pf-v6-global--breakpoint--sm) {
diff --git a/src/patternfly/components/Accordion/accordion.scss b/src/patternfly/components/Accordion/accordion.scss
index 8a5560fe43..699b5ec5f1 100644
--- a/src/patternfly/components/Accordion/accordion.scss
+++ b/src/patternfly/components/Accordion/accordion.scss
@@ -254,8 +254,8 @@
 .#{$accordion}__toggle-icon {
   @include pf-v6-mirror-inline-on-rtl;
 
-  transition: var(--#{$accordion}__toggle-icon--Transition); // TODO remove shorthand property in breaking change
   transform: rotate(var(--#{$accordion}__toggle-icon--Rotate));
+  transition: var(--#{$accordion}__toggle-icon--Transition); // TODO remove shorthand property in breaking change
 }
 
 .#{$accordion}__expandable-content:where([hidden]) {
@@ -263,6 +263,7 @@
 }
 
 .#{$accordion}__expandable-content {
+  visibility:  var(--#{$accordion}__expandable-content--Visibility);
   max-height:  var(--#{$accordion}__expandable-content--MaxHeight);
   margin-block-end: var(--#{$accordion}__expandable-content--MarginBlockEnd);
   margin-inline-start: var(--#{$accordion}__expandable-content--MarginInlineStart);
@@ -270,16 +271,15 @@
   overflow-y: var(--#{$accordion}__expandable-content--Overflow);
   font-size: var(--#{$accordion}__expandable-content--FontSize);
   color: var(--#{$accordion}__expandable-content--Color);
-  visibility:  var(--#{$accordion}__expandable-content--Visibility);
   background-color: var(--#{$accordion}__expandable-content--BackgroundColor);
   border: var(--#{$accordion}__expandable-content--BorderWidth) solid var(--#{$accordion}__expandable-content--BorderColor);
   border-radius: var(--#{$accordion}__expandable-content--BorderRadius);
   opacity: var(--#{$accordion}__expandable-content--Opacity);
+  translate: 0 var(--#{$accordion}__expandable-content--TranslateY);
   transition-delay: 0s, 0s, var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--fade);
   transition-timing-function: var(--#{$accordion}__expandable-content--TransitionTimingFunction);
   transition-duration: var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
   transition-property: opacity, translate, visibility, max-height, margin-block-end;
-  translate: 0 var(--#{$accordion}__expandable-content--TranslateY);
 
   &.pf-m-fixed {
     --#{$accordion}__expandable-content--Overflow: auto;
diff --git a/src/patternfly/components/Alert/alert-group.scss b/src/patternfly/components/Alert/alert-group.scss
index 74d8bae3e1..c5560fdcff 100644
--- a/src/patternfly/components/Alert/alert-group.scss
+++ b/src/patternfly/components/Alert/alert-group.scss
@@ -164,13 +164,13 @@
   display: grid;
   grid-template-rows: 1fr;
   opacity: 1;
+  transform: translateX(0) translateY(0);
 
   // This transition will happen when the item is added (.pf-m-offstage-top is removed)
   // Reduced motion by default
   // transparency change only
   transition: 
     opacity var(--#{$alert-group}--m-toast__item--Transition--opacity--default);
-  transform: translateX(0) translateY(0);
 
   // This transition will happen when the item is added (.pf-m-offstage-top is removed)
   // give it height, then slide it down into place
diff --git a/src/patternfly/components/Alert/alert.scss b/src/patternfly/components/Alert/alert.scss
index 973664c790..87ddf6446a 100644
--- a/src/patternfly/components/Alert/alert.scss
+++ b/src/patternfly/components/Alert/alert.scss
@@ -188,8 +188,8 @@
   @include pf-v6-mirror-inline-on-rtl;
 
   display: inline-block;
-  transition: transform var(--#{$alert}__toggle-icon--TransitionDuration) var(--#{$alert}__toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--#{$alert}__toggle-icon--Rotate));
+  transition: transform var(--#{$alert}__toggle-icon--TransitionDuration) var(--#{$alert}__toggle-icon--TransitionTimingFunction);
 }
 
 .#{$alert}__icon {
@@ -204,7 +204,7 @@
   grid-area: title;
   font-weight: var(--#{$alert}__title--FontWeight);
   color: var(--#{$alert}__title--Color);
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   &.pf-m-truncate {
     @include pf-v6-line-clamp("var(--#{$alert}__title--max-lines)");
@@ -214,7 +214,7 @@
 .#{$alert}__description {
   grid-area: description;
   padding-block-start: var(--#{$alert}__description--PaddingBlockStart);
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   + .#{$alert}__action-group {
     --#{$alert}__action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart);
diff --git a/src/patternfly/components/Breadcrumb/breadcrumb.scss b/src/patternfly/components/Breadcrumb/breadcrumb.scss
index 0959fd54e6..3c77034a1d 100644
--- a/src/patternfly/components/Breadcrumb/breadcrumb.scss
+++ b/src/patternfly/components/Breadcrumb/breadcrumb.scss
@@ -83,10 +83,10 @@
   font-weight: var(--#{$breadcrumb}__link--FontWeight);
   line-height: inherit;
   color: var(--#{$breadcrumb}__link--Color);
+  overflow-wrap: break-word;
   text-decoration-line: var(--#{$breadcrumb}__link--TextDecorationLine);
   text-decoration-style: var(--#{$breadcrumb}__link--TextDecorationStyle);
   text-decoration-color: var(--#{$breadcrumb}__link--TextDecorationColor);
-  word-break: break-word;
   background-color: var(--#{$breadcrumb}__link--BackgroundColor);
 
   &:is(:hover, :focus) {
diff --git a/src/patternfly/components/Button/button.scss b/src/patternfly/components/Button/button.scss
index 4e7e0d6cd7..be9ab96e37 100644
--- a/src/patternfly/components/Button/button.scss
+++ b/src/patternfly/components/Button/button.scss
@@ -439,10 +439,10 @@
   line-height: var(--#{$button}--LineHeight, inherit);
   color: var(--#{$button}--Color);
   text-align: center;
+  white-space: nowrap;
   text-decoration-line: var(--#{$button}--TextDecorationLine);
   text-decoration-style: var(--#{$button}--TextDecorationStyle);
   text-decoration-color: var(--#{$button}--TextDecorationColor);
-  white-space: nowrap;
   cursor: pointer; // needed for when a button does not use <button> - eg, <span>
   // stylelint-disable property-no-vendor-prefix
   -webkit-user-select: none;
@@ -454,11 +454,11 @@
   border-start-end-radius: var(--#{$button}--BorderStartEndRadius, var(--#{$button}--BorderRadius));
   border-end-start-radius: var(--#{$button}--BorderEndStartRadius, var(--#{$button}--BorderRadius));
   border-end-end-radius: var(--#{$button}--BorderEndEndRadius, var(--#{$button}--BorderRadius));
+  scale: var(--#{$button}--ScaleX) var(--#{$button}--ScaleY);
   transition-delay: var(--#{$button}--TransitionDelay);
   transition-timing-function: var(--#{$button}--TransitionTimingFunction);
   transition-duration: var(--#{$button}--TransitionDuration);
   transition-property: var(--#{$button}--TransitionProperty);
-  scale: var(--#{$button}--ScaleX) var(--#{$button}--ScaleY);
 
   &::after {
     position: absolute;
@@ -596,10 +596,10 @@
       --#{$button}--m-clicked--BorderWidth: 0;
 
       text-align: start;
-      text-underline-offset: var(--#{$button}--m-link--m-inline--TextUnderlineOffset);
       white-space: normal;
-      background: transparent; // don't show the ripple effect for inline links
+      text-underline-offset: var(--#{$button}--m-link--m-inline--TextUnderlineOffset);
       outline-offset: #{pf-size-prem(2px)};
+      background: transparent; // don't show the ripple effect for inline links
 
       &:hover,
       &:focus {
@@ -1013,12 +1013,12 @@
   margin-inline-start: var(--#{$button}__icon--MarginInlineStart);
   margin-inline-end: var(--#{$button}__icon--MarginInlineEnd);
   color: var(--#{$button}__icon--Color);
+  rotate: var(--#{$button}__icon--Rotate);
+  scale: var(--#{$button}__icon--ScaleX) var(--#{$button}__icon--ScaleY);
   transition-delay: var(--#{$button}__icon--TransitionDelay);
   transition-timing-function: var(--#{$button}__icon--TransitionTimingFunction);
   transition-duration: var(--#{$button}__icon--TransitionDuration);
   transition-property: var(--#{$button}__icon--TransitionProperty);
-  rotate: var(--#{$button}__icon--Rotate);
-  scale: var(--#{$button}__icon--ScaleX) var(--#{$button}__icon--ScaleY);
 
   &.pf-m-start {
     --#{$button}__icon--MarginInlineEnd: var(--#{$button}__icon--m-start--MarginInlineEnd);
diff --git a/src/patternfly/components/Card/card.scss b/src/patternfly/components/Card/card.scss
index d17464be3a..f8fc3fe252 100644
--- a/src/patternfly/components/Card/card.scss
+++ b/src/patternfly/components/Card/card.scss
@@ -144,9 +144,9 @@
     --#{$card}--BackgroundColor: var(--#{$card}--m-glass--BackgroundColor);
     --#{$card}--BorderColor: var(--#{$card}--m-glass--BorderColor);
     --#{$card}--BorderWidth: var(--#{$card}--m-glass--BorderWidth);
-    
-    backdrop-filter: var(--#{$card}--m-glass--BackdropFilter);
+
     box-shadow: var(--#{$card}--m-glass--BoxShadow);
+    backdrop-filter: var(--#{$card}--m-glass--BackdropFilter);
   }
 
   // SELECTABLE CARDS
@@ -462,9 +462,9 @@
 }
 
 .#{$card}__clickable-action {
+  outline: 0;
   background: none;
   border: 0;
-  outline: 0;
 
   &:disabled,
   &.pf-m-disabled {
diff --git a/src/patternfly/components/Check/check.scss b/src/patternfly/components/Check/check.scss
index ed0521f5b1..59958055e5 100644
--- a/src/patternfly/components/Check/check.scss
+++ b/src/patternfly/components/Check/check.scss
@@ -27,7 +27,7 @@
 .#{$check} {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-gap: var(--#{$check}--GridGap);
+  gap: var(--#{$check}--GridGap);
   accent-color: var(--#{$check}--AccentColor);
 
   &.pf-m-standalone {
diff --git a/src/patternfly/components/ClipboardCopy/clipboard-copy.scss b/src/patternfly/components/ClipboardCopy/clipboard-copy.scss
index 8b04b719aa..797d4766d3 100644
--- a/src/patternfly/components/ClipboardCopy/clipboard-copy.scss
+++ b/src/patternfly/components/ClipboardCopy/clipboard-copy.scss
@@ -91,7 +91,7 @@
   padding-inline-start: var(--#{$clipboard-copy}__expandable-content--PaddingInlineStart);
   padding-inline-end: var(--#{$clipboard-copy}__expandable-content--PaddingInlineEnd);
   margin-block-start: var(--#{$clipboard-copy}__expandable-content--MarginBlockStart);
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   background-color: var(--#{$clipboard-copy}__expandable-content--BackgroundColor);
   background-clip: padding-box;
   border: solid var(--#{$clipboard-copy}__expandable-content--BorderColor);
@@ -108,7 +108,7 @@
 }
 
 .#{$clipboard-copy}__text {
-  word-break: break-word;
+  overflow-wrap: break-word;
   white-space: normal;
 
   &.pf-m-code {
diff --git a/src/patternfly/components/Compass/compass.scss b/src/patternfly/components/Compass/compass.scss
index 8631cfdaf8..af828d178f 100644
--- a/src/patternfly/components/Compass/compass.scss
+++ b/src/patternfly/components/Compass/compass.scss
@@ -198,8 +198,8 @@
 .#{$compass}__sidebar:is(.pf-m-start, .pf-m-end),
 .#{$compass}__main-footer,
 .#{$compass}__footer {
-  margin: 0;
   visibility: hidden;
+  margin: 0;
   opacity: 0;
   transition-delay: var(--#{$compass}--section--TransitionDelay);
   transition-timing-function: var(--#{$compass}--section--TransitionTimingFunction);
@@ -327,8 +327,8 @@
   flex-direction: column;
   grid-area: dock;
   width: var(--#{$compass}__dock--Width);
-  transition: translate var(--#{$compass}__dock--TransitionDuration--slide) var(--#{$compass}__dock--TransitionTimingFunction--slide);
   translate: -100% 0;
+  transition: translate var(--#{$compass}__dock--TransitionDuration--slide) var(--#{$compass}__dock--TransitionTimingFunction--slide);
 
   &.pf-m-expanded {
     --#{$compass}__dock--TransitionDuration--slide: var(--#{$compass}__dock--m-expanded--TransitionDuration--slide);
@@ -358,9 +358,9 @@
 .#{$compass}__dock-main {
   flex-grow: 1;
   background-color: var(--#{$compass}__dock-main--BackgroundColor);
-  backdrop-filter: var(--#{$compass}__dock-main--BackdropFilter);
   border-inline-end: var(--#{$compass}__dock-main--BorderInlineEndWidth) solid var(--#{$compass}__dock-main--BorderInlineEndColor);
   box-shadow: var(--#{$compass}__dock-main--BoxShadow);
+  backdrop-filter: var(--#{$compass}__dock-main--BackdropFilter);
 
   .#{$compass}__dock.pf-m-expanded & {
     border-inline-end: var(--#{$compass}__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--#{$compass}__dock--m-expanded__dock-main--BorderInlineEndColor);
diff --git a/src/patternfly/components/Content/content.scss b/src/patternfly/components/Content/content.scss
index 2ea8dbe3f3..2216994a55 100644
--- a/src/patternfly/components/Content/content.scss
+++ b/src/patternfly/components/Content/content.scss
@@ -347,8 +347,8 @@
 
     @media screen and (min-width: $pf-v6-global--breakpoint--sm) {
       grid-template: auto / var(--#{$content}--dl--GridTemplateColumns--dt) var(--#{$content}--dl--GridTemplateColumns--dd);
-      grid-row-gap: var(--#{$content}--dl--RowGap);
-      grid-column-gap: var(--#{$content}--dl--ColumnGap);
+      row-gap: var(--#{$content}--dl--RowGap);
+      column-gap: var(--#{$content}--dl--ColumnGap);
     }
   }
 
diff --git a/src/patternfly/components/DataList/data-list.scss b/src/patternfly/components/DataList/data-list.scss
index 4beb07cddc..be83964273 100644
--- a/src/patternfly/components/DataList/data-list.scss
+++ b/src/patternfly/components/DataList/data-list.scss
@@ -350,8 +350,8 @@
 
   height: var(--#{$data-list}__toggle-icon--Height);
   pointer-events: none;
-  transition: var(--#{$data-list}__toggle-icon--Transition); // TODO remove shorthand in breaking change
   transform: rotate(var(--#{$data-list}__toggle-icon--Rotate));
+  transition: var(--#{$data-list}__toggle-icon--Transition); // TODO remove shorthand in breaking change
 }
 
 .#{$data-list}__item-content {
diff --git a/src/patternfly/components/DescriptionList/description-list.scss b/src/patternfly/components/DescriptionList/description-list.scss
index 7e32da3e0a..c52a21bd6a 100644
--- a/src/patternfly/components/DescriptionList/description-list.scss
+++ b/src/patternfly/components/DescriptionList/description-list.scss
@@ -109,7 +109,6 @@ $pf-v6-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "m
       width: 100%;
       margin-block-end: var(--#{$description-list}--RowGap);
       break-inside: avoid;
-      page-break-inside: avoid;
 
       // stylelint-disable property-no-vendor-prefix
       -webkit-column-break-inside: avoid;
diff --git a/src/patternfly/components/Drawer/drawer.scss b/src/patternfly/components/Drawer/drawer.scss
index 6a83b64f9c..14f99366f5 100644
--- a/src/patternfly/components/Drawer/drawer.scss
+++ b/src/patternfly/components/Drawer/drawer.scss
@@ -436,6 +436,7 @@ $pf-v6-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 .#{$drawer}__panel {
   position: relative;
   z-index: var(--#{$drawer}__panel--ZIndex);
+  visibility: hidden; // hidden by default
   flex-basis: var(--#{$drawer}__panel--FlexBasis);
   row-gap: var(--#{$drawer}__panel--RowGap);
   order: 1;
@@ -443,7 +444,6 @@ $pf-v6-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
   margin-block: var(--#{$drawer}__panel--MarginBlock, revert);
   margin-inline: var(--#{$drawer}__panel--MarginInline, revert);
   overflow: auto;
-  visibility: hidden; // hidden by default
   background-color: var(--#{$drawer}__panel--BackgroundColor);
   border: solid var(--#{$drawer}__panel--BorderColor);
   border-block-start-width: var(--#{$drawer}__panel--BorderBlockStartWidth);
@@ -569,8 +569,8 @@ $pf-v6-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
   margin-block-start: var(--#{$drawer}__splitter--MarginBlockStart, 0);
   margin-inline-start: var(--#{$drawer}__splitter--MarginInlineStart, 0);
   cursor: var(--#{$drawer}__splitter--Cursor);
-  background-color: var(--#{$drawer}__splitter--BackgroundColor);
   outline-offset: var(--#{$drawer}__splitter--focus--OutlineOffset);
+  background-color: var(--#{$drawer}__splitter--BackgroundColor);
 
   &.pf-m-vertical {
     --#{$drawer}__splitter--Height: var(--#{$drawer}__splitter--m-vertical--Height);
diff --git a/src/patternfly/components/DualListSelector/dual-list-selector.scss b/src/patternfly/components/DualListSelector/dual-list-selector.scss
index 8ceeeb5041..58c7a1d159 100644
--- a/src/patternfly/components/DualListSelector/dual-list-selector.scss
+++ b/src/patternfly/components/DualListSelector/dual-list-selector.scss
@@ -184,9 +184,9 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
   max-height: var(--#{$dual-list-selector}__menu--MaxHeight);
   margin-block-start: var(--#{$dual-list-selector}__menu--MarginBlockStart);
   overflow: auto;
+  outline-offset: 2px; // push the focus outline out so that it is not broken by the list item row background
   border: var(--#{$dual-list-selector}__menu--BorderWidth) solid var(--#{$dual-list-selector}__menu--BorderColor);
   border-radius: var(--#{$dual-list-selector}__menu--BorderRadius);
-  outline-offset: 2px; // push the focus outline out so that it is not broken by the list item row background
 }
 
 .#{$dual-list-selector}__list {
@@ -226,14 +226,14 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
 
     > .#{$dual-list-selector}__list {
       .#{$dual-list-selector}.pf-m-animate-expand & { // TODO - remove opt-in class in a breaking change
-        max-height: 0;
         visibility: hidden;
+        max-height: 0;
         opacity: var(--#{$dual-list-selector}__list--Opacity);
+        translate: 0 var(--#{$dual-list-selector}__list--TranslateY);
         transition-delay: 0s, 0s, var(--#{$dual-list-selector}__list--TransitionDuration--fade), var(--#{$dual-list-selector}__list--TransitionDuration--fade);
         transition-timing-function: var(--#{$dual-list-selector}__list--TransitionTimingFunction);
         transition-duration: var(--#{$dual-list-selector}__list--TransitionDuration--fade), var(--#{$dual-list-selector}__list--TransitionDuration--slide), 0s, 0s;
         transition-property: opacity, translate, visibility, max-height;
-        translate: 0 var(--#{$dual-list-selector}__list--TranslateY);
       }
     }
   }
@@ -243,12 +243,12 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
 
     > .#{$dual-list-selector}__list {
       .#{$dual-list-selector}.pf-m-animate-expand & {
-        max-height: 99999px;
         visibility: revert;
+        max-height: 99999px;
         opacity: var(--#{$dual-list-selector}--m-expanded__list--Opacity);
+        translate: 0 var(--#{$dual-list-selector}--m-expanded__list--TranslateY);
         transition-delay: 0s;
         transition-duration: var(--#{$dual-list-selector}__list--TransitionDuration--expand--fade), var(--#{$dual-list-selector}__list--TransitionDuration--expand--slide), 0s, 0s;
-        translate: 0 var(--#{$dual-list-selector}--m-expanded__list--TranslateY);
       }
     }
   }
@@ -401,10 +401,10 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
   min-width: var(--#{$dual-list-selector}__item-toggle-icon--MinWidth);
   color: var(--#{$dual-list-selector}__item-toggle-icon--Color, inherit);
   text-align: center;
+  transform: rotate(var(--#{$dual-list-selector}__item-toggle-icon--Rotate));
   transition-timing-function: var(--#{$dual-list-selector}__item-toggle-icon--TransitionTimingFunction);
   transition-duration: var(--#{$dual-list-selector}__item-toggle-icon--TransitionDuration);
   transition-property: transform;
-  transform: rotate(var(--#{$dual-list-selector}__item-toggle-icon--Rotate));
 }
 
 // stylelint-disable no-duplicate-selectors
diff --git a/src/patternfly/components/ExpandableSection/expandable-section.scss b/src/patternfly/components/ExpandableSection/expandable-section.scss
index fcb52b6d4d..6ab8a46e8e 100644
--- a/src/patternfly/components/ExpandableSection/expandable-section.scss
+++ b/src/patternfly/components/ExpandableSection/expandable-section.scss
@@ -152,8 +152,8 @@
   display: inline-block;
   min-width: var(--#{$expandable-section}__toggle-icon--MinWidth);
   color: var(--#{$expandable-section}__toggle-icon--Color);
-  transition: var(--#{$expandable-section}__toggle-icon--Transition); // TODO remove shorthand in breaking change
   transform: rotate(var(--#{$expandable-section}__toggle-icon--Rotate));
+  transition: var(--#{$expandable-section}__toggle-icon--Transition); // TODO remove shorthand in breaking change
 
   &.pf-m-expand-top { // TODO: Remove this block in breaking change in favor of using modifier on outer expandable section wrapper
     --#{$expandable-section}__toggle-icon--Rotate: var(--#{$expandable-section}__toggle-icon--m-expand-top--Rotate);
@@ -170,14 +170,14 @@
   }
 
   .#{$expandable-section}:where(:not(.pf-m-truncate)) > & {
+    visibility: var(--#{$expandable-section}__content--Visibility, hidden);
     max-height: var(--#{$expandable-section}__content--MaxHeight, 0);
     overflow: var(--#{$expandable-section}__content--Overflow, hidden);
-    visibility: var(--#{$expandable-section}__content--Visibility, hidden);
     opacity: var(--#{$expandable-section}__content--Opacity);
+    translate: 0 var(--#{$expandable-section}__content--TranslateY);
     transition-delay: 0s, 0s, var(--#{$expandable-section}__content--TransitionDelay--hide, 0s), var(--#{$expandable-section}__content--TransitionDelay--hide, 0s);
     transition-timing-function: var(--#{$expandable-section}__content--TransitionTimingFunction);
     transition-duration: var(--#{$expandable-section}__content--TransitionDuration--fade), var(--#{$expandable-section}__content--TransitionDuration--slide), 0s, 0s;
     transition-property: opacity, translate, visibility, max-height;
-    translate: 0 var(--#{$expandable-section}__content--TranslateY);
   }
 }
diff --git a/src/patternfly/components/Form/form.scss b/src/patternfly/components/Form/form.scss
index 0897c689ff..b4f804a4b4 100644
--- a/src/patternfly/components/Form/form.scss
+++ b/src/patternfly/components/Form/form.scss
@@ -195,7 +195,7 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
       .#{$form}__group {
         display: grid;
         grid-template-columns: var(--#{$form}--m-horizontal__group-label--md--GridColumnWidth) var(--#{$form}--m-horizontal__group-control--md--GridColumnWidth);
-        grid-column-gap: var(--#{$form}--m-horizontal__group-label--md--GridColumnGap);
+        column-gap: var(--#{$form}--m-horizontal__group-label--md--GridColumnGap);
       }
 
       .#{$form}__group-label {
@@ -408,14 +408,14 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
     }
 
     &.pf-m-expandable > .#{$form}__field-group-body { // TODO - remove .pf-m-expandable in a breaking change, it shouldn't be needed. Only needed now so that these styles are an opt-in behind .pf-m-expandable
+      visibility: visible;
       max-height: 99999px;
       padding-block-start: var(--#{$form}__field-group-body--PaddingBlockStart);
       padding-block-end: var(--#{$form}__field-group-body--PaddingBlockEnd);
-      visibility: visible;
       opacity: 1;
+      translate: 0 var(--#{$form}__field-group--m-expanded__field-group-body--TranslateY);
       transition-delay: 0s;
       transition-duration: var(--#{$form}__field-group-body--TransitionDuration--expand--fade), var(--#{$form}__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
-      translate: 0 var(--#{$form}__field-group--m-expanded__field-group-body--TranslateY);
     }
   }
 }
@@ -440,10 +440,10 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
   display: inline-block;
   min-width: var(--#{$form}__field-group-toggle-icon--MinWidth);
   text-align: center;
+  transform: rotate(var(--#{$form}__field-group-toggle-icon--Rotate));
   transition-timing-function: var(--#{$form}__field-group-toggle-icon--TransitionTimingFunction);
   transition-duration: var(--#{$form}__field-group-toggle-icon--TransitionDuration);
   transition-property: transform;
-  transform: rotate(var(--#{$form}__field-group-toggle-icon--Rotate));
 
   @include pf-v6-mirror-inline-on-rtl;
 }
@@ -491,15 +491,15 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
   padding-block-end: var(--#{$form}__field-group-body--PaddingBlockEnd);
 
   @at-root .#{$form}__field-group.pf-m-expandable > & {
+    visibility: hidden;
     max-height: 0;
     padding-block-start: 0;
     padding-block-end: 0;
-    visibility: hidden;
     opacity: 0;
+    translate: 0 var(--#{$form}__field-group-body--TranslateY);
     transition-delay: 0s, 0s, var(--#{$form}__field-group-body--TransitionDuration--collapse--fade), var(--#{$form}__field-group-body--TransitionDuration--collapse--fade), var(--#{$form}__field-group-body--TransitionDuration--collapse--fade), var(--#{$form}__field-group-body--TransitionDuration--collapse--fade);
     transition-duration: var(--#{$form}__field-group-body--TransitionDuration--collapse--fade), var(--#{$form}__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
     transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
-    translate: 0 var(--#{$form}__field-group-body--TranslateY);
   }
 
   > .#{$form}__field-group {
diff --git a/src/patternfly/components/FormControl/form-control.scss b/src/patternfly/components/FormControl/form-control.scss
index 849bc36ef3..a882f46d1f 100644
--- a/src/patternfly/components/FormControl/form-control.scss
+++ b/src/patternfly/components/FormControl/form-control.scss
@@ -182,6 +182,7 @@
     border-radius: var(--#{$form-control}--before--BorderRadius);
   }
 
+  // stylelint-disable selector-max-type
   > :is(input, select, textarea) {
     grid-row: 1 / 2;
     grid-column: 1 / -1;
@@ -191,11 +192,12 @@
     padding-inline-end: var(--#{$form-control}--PaddingInlineEnd);
     color: var(--#{$form-control}--Color);
     appearance: none;
+    outline-offset: var(--#{$form-control}--OutlineOffset);
     background-color: transparent;
     border: none;
     border-radius: var(--#{$form-control}--BorderRadius);
-    outline-offset: var(--#{$form-control}--OutlineOffset);
   }
+  // stylelint-enable selector-max-type
 
   > ::placeholder {
     color: var(--#{$form-control}--m-placeholder--Color); // TODO update to set --#{$form-control}--Color in breaking change - also look for any other place to do that in this component
diff --git a/src/patternfly/components/Hero/hero.scss b/src/patternfly/components/Hero/hero.scss
index 58d84bcc3a..4888b58a36 100644
--- a/src/patternfly/components/Hero/hero.scss
+++ b/src/patternfly/components/Hero/hero.scss
@@ -70,8 +70,8 @@
     --#{$hero}--BorderColor: var(--#{$hero}--m-glass--BorderColor);
     --#{$hero}--BackgroundColor: var(--#{$hero}--m-glass--BackgroundColor);
 
-    backdrop-filter: var(--#{$hero}--m-glass--BackdropFilter);
     box-shadow: var(--#{$hero}--m-glass--BoxShadow);
+    backdrop-filter: var(--#{$hero}--m-glass--BackdropFilter);
   }
 
   :root:where(.#{$pf-prefix}theme-dark) & {
diff --git a/src/patternfly/components/Hint/hint.scss b/src/patternfly/components/Hint/hint.scss
index b916307512..917d228c3d 100644
--- a/src/patternfly/components/Hint/hint.scss
+++ b/src/patternfly/components/Hint/hint.scss
@@ -31,7 +31,7 @@
 .#{$hint} {
   display: grid;
   grid-template-columns: 1fr auto;
-  grid-row-gap: var(--#{$hint}--GridRowGap);
+  row-gap: var(--#{$hint}--GridRowGap);
   padding-block-start: var(--#{$hint}--PaddingBlockStart);
   padding-block-end: var(--#{$hint}--PaddingBlockEnd);
   padding-inline-start: var(--#{$hint}--PaddingInlineStart);
diff --git a/src/patternfly/components/InputGroup/input-group.scss b/src/patternfly/components/InputGroup/input-group.scss
index bae00d7972..c60ce78893 100644
--- a/src/patternfly/components/InputGroup/input-group.scss
+++ b/src/patternfly/components/InputGroup/input-group.scss
@@ -72,22 +72,22 @@
 
     .#{$input-group}__item {
       &.pf-m-search-input {
+        visibility: var(--#{$input-group}__item--m-search-text-input--Visibility, hidden);
         flex-grow: 1;
         max-width: var(--#{$input-group}__item--m-search-text-input--MaxWidth, 0);
-        visibility: var(--#{$input-group}__item--m-search-text-input--Visibility, hidden);
         opacity: var(--#{$input-group}__item--m-search-text-input--Opacity, 0);
+        transform-origin: var(--#{$input-group}__item--m-search-text-input--TransformOriginX) center;
+        scale: var(--#{$input-group}__item--m-search-text-input--ScaleX) 1;
         transition-delay: 0s, 0s, var(--#{$input-group}__item--m-search-text-input--TransitionDuration--fade), var(--#{$input-group}__item--m-search-text-input--TransitionDuration--fade);
         transition-timing-function: var(--#{$input-group}__item--m-search-text-input--TransitionTimingFunction);
         transition-duration: var(--#{$input-group}__item--m-search-text-input--TransitionDuration--fade), var(--#{$input-group}__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
         transition-property: opacity, scale, visibility, max-width;
-        transform-origin: var(--#{$input-group}__item--m-search-text-input--TransformOriginX) center;
-        scale: var(--#{$input-group}__item--m-search-text-input--ScaleX) 1;
       }
 
       // the expand button (magnifying glass)
       &.pf-m-search-expand {
-        max-width: var(--#{$input-group}__item--m-search-expand--MaxWidth, 100%);
         visibility: var(--#{$input-group}__item--m-search-expand--Visibility, visible);
+        max-width: var(--#{$input-group}__item--m-search-expand--MaxWidth, 100%);
         opacity: var(--#{$input-group}__item--m-search-expand--Opacity, 1);
         transition-delay: var(--#{$input-group}__item--m-search-action--TransitionDuration--fade);
         transition-timing-function: var(--#{$input-group}__item--m-search-expand--TransitionTimingFunction);
@@ -97,8 +97,8 @@
 
       // other input group items adjacent to the search input that are shown when expanded
       &.pf-m-search-action {
-        max-width: var(--#{$input-group}__item--m-search-action--MaxWidth, 0);
         visibility: var(--#{$input-group}__item--m-search-action--Visibility, hidden);
+        max-width: var(--#{$input-group}__item--m-search-action--MaxWidth, 0);
         opacity: var(--#{$input-group}__item--m-search-action--Opacity, 0);
         transition-delay: 0s, var(--#{$input-group}__item--m-search-action--TransitionDuration--fade), var(--#{$input-group}__item--m-search-action--TransitionDuration--fade);
         transition-timing-function: var(--#{$input-group}__item--m-search-action--TransitionTimingFunction);
diff --git a/src/patternfly/components/JumpLinks/jump-links.scss b/src/patternfly/components/JumpLinks/jump-links.scss
index ece21d1aea..280f8a9954 100644
--- a/src/patternfly/components/JumpLinks/jump-links.scss
+++ b/src/patternfly/components/JumpLinks/jump-links.scss
@@ -232,8 +232,8 @@ $pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
 
   display: inline-block;
   color: var(--#{$jump-links}__toggle-icon--Color);
+  transform: rotate(var(--#{$jump-links}__toggle-icon--Rotate));
   transition-timing-function: var(--#{$jump-links}__toggle-icon--TransitionTimingFunction);
   transition-duration: var(--#{$jump-links}__toggle-icon--TransitionDuration);
   transition-property: transform;
-  transform: rotate(var(--#{$jump-links}__toggle-icon--Rotate));
 }
diff --git a/src/patternfly/components/Label/label.scss b/src/patternfly/components/Label/label.scss
index f5f5a312d8..fa4544fb3d 100644
--- a/src/patternfly/components/Label/label.scss
+++ b/src/patternfly/components/Label/label.scss
@@ -266,9 +266,9 @@
   font-size: var(--#{$label}--FontSize);
   white-space: nowrap;
   background: transparent;
-  isolation: isolate;
   border: 0;
   border-radius: var(--#{$label}--BorderRadius);
+  isolation: isolate;
 
   &.pf-m-blue {
     --#{$label}--BackgroundColor: var(--#{$label}--m-blue--BackgroundColor);
diff --git a/src/patternfly/components/Login/login.scss b/src/patternfly/components/Login/login.scss
index f7fc99fdcb..7b7e3549a4 100644
--- a/src/patternfly/components/Login/login.scss
+++ b/src/patternfly/components/Login/login.scss
@@ -141,7 +141,7 @@
       "main footer"
       "main .";
     grid-template-columns: var(--#{$login}__container--xl--GridTemplateColumns);
-    grid-column-gap: var(--#{$login}__container--xl--GridColumnGap);
+    column-gap: var(--#{$login}__container--xl--GridColumnGap);
     justify-content: center;
     padding-inline-start: var(--#{$login}__container--PaddingInlineStart);
     padding-inline-end: var(--#{$login}__container--PaddingInlineEnd);
@@ -167,10 +167,10 @@
   align-self: start;
   margin-block-end: var(--#{$login}__main--MarginBlockEnd);
   background-color: var(--#{$login}__main--BackgroundColor);
-  backdrop-filter: var(--#{$login}__main--BackdropFilter);
   border: var(--#{$login}__main--BorderWidth) solid var(--#{$login}__main--BorderColor);
   border-radius: var(--#{$login}__main--BorderRadius);
   box-shadow: var(--#{$login}__main--BoxShadow);
+  backdrop-filter: var(--#{$login}__main--BackdropFilter);
 
   // If the first child isn't a header, then we need to put the header's top padding there
   > :first-child:not(.#{$login}__main-header) {
diff --git a/src/patternfly/components/Masthead/masthead.scss b/src/patternfly/components/Masthead/masthead.scss
index db1119f6b5..32ad2207e4 100644
--- a/src/patternfly/components/Masthead/masthead.scss
+++ b/src/patternfly/components/Masthead/masthead.scss
@@ -260,9 +260,9 @@ $pf-v6-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
   // placeholder for banded
   @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-docked) {
     background-color: var(--pf-t--global--background--color--glass--primary--default);
-    backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
     border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
     box-shadow: var(--pf-t--global--box-shadow--glass--default);
+    backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
   }
 }
 
diff --git a/src/patternfly/components/Menu/menu.scss b/src/patternfly/components/Menu/menu.scss
index f9df4f2a03..4347e2fbce 100644
--- a/src/patternfly/components/Menu/menu.scss
+++ b/src/patternfly/components/Menu/menu.scss
@@ -347,8 +347,8 @@
 
     // - Menu list
     .#{$menu}__list {
-      overflow: hidden;
       visibility: visible;
+      overflow: hidden;
       transition: var(--#{$menu}--m-drilldown__list--Transition);
 
       & .#{$menu}__list {
@@ -390,8 +390,8 @@
 
   // stylelint-disable selector-max-class
   &.pf-m-drilled-in > .#{$menu}__content > .#{$menu}__list {
-    overflow: visible;
     visibility: hidden;
+    overflow: visible;
 
     > .#{$divider},
     > .#{$menu}__list-item:not(.pf-m-current-path) {
@@ -566,10 +566,10 @@
   color: var(--#{$menu}__item--Color);
   text-align: start;
   text-decoration-line: none;
+  outline-offset: var(--#{$menu}--OutlineOffset);
   background-color: var(--#{$menu}__item--BackgroundColor);
   border: 0;
   border-radius: var(--#{$menu}__item--BorderRadius);
-  outline-offset: var(--#{$menu}--OutlineOffset);
 
   @include pf-v6-hidden-visible(flex);
 
@@ -627,7 +627,7 @@
 .#{$menu}__item-description {
   font-size: var(--#{$menu}__item-description--FontSize);
   color: var(--#{$menu}__item-description--Color);
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 // - Menu check
diff --git a/src/patternfly/components/MenuToggle/menu-toggle.scss b/src/patternfly/components/MenuToggle/menu-toggle.scss
index 34fdf1e003..7e8b91a1f9 100644
--- a/src/patternfly/components/MenuToggle/menu-toggle.scss
+++ b/src/patternfly/components/MenuToggle/menu-toggle.scss
@@ -649,10 +649,10 @@
 
 .#{$menu-toggle}__icon {
   flex-shrink: 0;
+  rotate: var(--#{$menu-toggle}__icon--Rotate);
   transition-delay: var(--#{$menu-toggle}__icon--TransitionDelay);
   transition-duration: var(--#{$menu-toggle}__icon--TransitionDuration);
   transition-property: var(--#{$menu-toggle}__icon--TransitionProperty);
-  rotate: var(--#{$menu-toggle}__icon--Rotate);
   
   @at-root .#{$menu-toggle}:not(.pf-m-plain) & {
     @extend %pf-v6-menu-toggle__icon--MarginBlock;
diff --git a/src/patternfly/components/ModalBox/examples/ModalBox.md b/src/patternfly/components/ModalBox/examples/ModalBox.md
index a217a15d6f..63bc5fb8d5 100644
--- a/src/patternfly/components/ModalBox/examples/ModalBox.md
+++ b/src/patternfly/components/ModalBox/examples/ModalBox.md
@@ -172,7 +172,7 @@ import './ModalBox.css'
   {{#> modal-box modal-box--attribute=(concat 'aria-labelledby="' modal-example--id '-title" aria-describedby="' modal-example--id '-description"')}}
     {{> modal-box-close}}
     {{#> modal-box-header}}
-      {{#> modal-box-title modal-box-title--IsIcon="true" modal-box-title--attribute=(concat 'id="' modal-example--id '-title"') modal-box-title-icon--type="rh-standard-megaphone"}}
+      {{#> modal-box-title modal-box-title--IsIcon="true" modal-box-title--attribute=(concat 'id="' modal-example--id '-title"') modal-box-title-icon--type="rh-ui-volume-up-fill"}}
         Modal with icon title
       {{/modal-box-title}}
     {{/modal-box-header}}
diff --git a/src/patternfly/components/ModalBox/modal-box.scss b/src/patternfly/components/ModalBox/modal-box.scss
index be8b799880..b12a8081c0 100644
--- a/src/patternfly/components/ModalBox/modal-box.scss
+++ b/src/patternfly/components/ModalBox/modal-box.scss
@@ -226,7 +226,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
-  word-break: break-word;
+  overflow-wrap: break-word;
   -webkit-overflow-scrolling: touch;
 
   &:last-child {
diff --git a/src/patternfly/components/Nav/nav.scss b/src/patternfly/components/Nav/nav.scss
index d8596f6199..0979681f23 100644
--- a/src/patternfly/components/Nav/nav.scss
+++ b/src/patternfly/components/Nav/nav.scss
@@ -265,17 +265,17 @@
 .#{$nav}__subnav {
   --#{$nav}__list--RowGap: var(--#{$nav}__subnav--RowGap); // this value is passed to --#{$nav}__item--RowGap--row-offset and updates clickable area based on value passed
 
+  visibility: visible;
   max-height: 99999px;
   padding-block-start: var(--#{$nav}__subnav--PaddingBlockStart);
   padding-block-end: var(--#{$nav}__subnav--PaddingBlockEnd);
   padding-inline-start: var(--#{$nav}__subnav--PaddingInlineStart); // indent nested lists
   overflow-y: clip;
-  visibility: visible;
+  translate: 0 var(--#{$nav}__subnav--TranslateY);
   transition-delay: 0s, 0s, var(--#{$nav}__subnav--TransitionDelay--expand--focus, 0s), var(--#{$nav}__subnav--TransitionDelay--expand--focus, 0s), var(--#{$nav}__subnav--TransitionDelay--expand--focus, 0s), var(--#{$nav}__subnav--TransitionDelay--expand--focus, 0s);
   transition-timing-function: var(--#{$nav}__subnav--TransitionTimingFunction--expand);
   transition-duration: var(--#{$nav}__subnav--TransitionDuration--expand), var(--#{$nav}__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
   transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
-  translate: 0 var(--#{$nav}__subnav--TranslateY);
 
   &[hidden] {
     --#{$nav}__subnav--TransitionDelay--expand--focus: var(--#{$nav}__subnav--TransitionDuration--expand);
@@ -286,8 +286,8 @@
     --#{$nav}__subnav--TranslateY: var(--#{$nav}__subnav--hidden--TranslateY);
 
     display: grid; // overrides `display: none` - element is hidden via `visibility: hidden`
-    max-height: 0;
     visibility: hidden;
+    max-height: 0;
     opacity: 0;
   }
 }
@@ -307,10 +307,10 @@
     content: var(--#{$nav}__item--accent--content, "");
     background-color: var(--#{$nav}__item--accent--color);
     border-radius: var(--#{$nav}__item--accent--BorderRadius);
+    scale: 1 var(--#{$nav}__item--accent--ScaleY);
     transition-timing-function: var(--#{$nav}__item--accent--TransitionTimingFunction);
     transition-duration: var(--#{$nav}__item--accent--TransitionDuration);
     transition-property: scale;
-    scale: 1 var(--#{$nav}__item--accent--ScaleY);
   }
 
   > .#{$nav}__link[button] {
@@ -422,10 +422,10 @@
 // - Nav toggle caret icon
 .#{$nav}__toggle-icon {
   display: inline-block;
+  transform: rotate(var(--#{$nav}__item__toggle-icon--Rotate));
   transition-timing-function: var(--#{$nav}__item__toggle-icon--TransitionTimingFunction--transform);
   transition-duration: var(--#{$nav}__item__toggle-icon--TransitionDuration--transform);
   transition-property: transform;
-  transform: rotate(var(--#{$nav}__item__toggle-icon--Rotate));
 
   @include pf-v6-mirror-inline-on-rtl;
 
diff --git a/src/patternfly/components/NotificationDrawer/notification-drawer.scss b/src/patternfly/components/NotificationDrawer/notification-drawer.scss
index 7a29f60796..9bbe784de3 100644
--- a/src/patternfly/components/NotificationDrawer/notification-drawer.scss
+++ b/src/patternfly/components/NotificationDrawer/notification-drawer.scss
@@ -173,9 +173,9 @@
   padding-block-end: var(--#{$notification-drawer}__list-item--PaddingBlockEnd);
   padding-inline-start: var(--#{$notification-drawer}__list-item--PaddingInlineStart);
   padding-inline-end: var(--#{$notification-drawer}__list-item--PaddingInlineEnd);
+  outline-offset: var(--#{$notification-drawer}__list-item--OutlineOffset);
   background-color: var(--#{$notification-drawer}__list-item--BackgroundColor);
   border-radius: var(--#{$notification-drawer}__list-item--BorderRadius);
-  outline-offset: var(--#{$notification-drawer}__list-item--OutlineOffset);
 
   &::before {
     position: absolute;
@@ -242,7 +242,7 @@
 
 .#{$notification-drawer}__list-item-header-title {
   font-weight: var(--#{$notification-drawer}__list-item-header-title--FontWeight);
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   &.pf-m-truncate {
     @include pf-v6-line-clamp("var(--#{$notification-drawer}__list-item-header-title--max-lines)");
@@ -263,7 +263,7 @@
   grid-row: 2 / 3;
   grid-column: 1 / 2;
   margin-block-end: var(--#{$notification-drawer}__list-item-description--MarginBlockEnd);
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .#{$notification-drawer}__list-item-timestamp {
@@ -295,9 +295,9 @@
   padding-block-end: var(--#{$notification-drawer}__group-toggle--PaddingBlockEnd);
   padding-inline-start: var(--#{$notification-drawer}__group-toggle--PaddingInlineStart);
   padding-inline-end: var(--#{$notification-drawer}__group-toggle--PaddingInlineEnd);
+  outline-offset: var(--#{$notification-drawer}__group-toggle--OutlineOffset);
   background-color: var(--#{$notification-drawer}__group-toggle--BackgroundColor);
   border: none;
-  outline-offset: var(--#{$notification-drawer}__group-toggle--OutlineOffset);
 }
 
 .#{$notification-drawer}__group-toggle-title {
@@ -307,7 +307,7 @@
   margin-inline-end: var(--#{$notification-drawer}__group-toggle-title--MarginInlineEnd);
   font-size: var(--#{$notification-drawer}__group-toggle-title--FontSize);
   text-align: start;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .#{$notification-drawer}__group-toggle-count {
diff --git a/src/patternfly/components/Page/page.scss b/src/patternfly/components/Page/page.scss
index 219f7a5b36..596e896301 100644
--- a/src/patternfly/components/Page/page.scss
+++ b/src/patternfly/components/Page/page.scss
@@ -464,9 +464,9 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
 .#{$page}__dock-main {
   flex-grow: 1;
   background-color: var(--#{$page}__dock-main--BackgroundColor);
-  backdrop-filter: var(--#{$page}__dock-main--BackdropFilter);
   border-inline-end: var(--#{$page}__dock-main--BorderInlineEndWidth) solid var(--#{$page}__dock-main--BorderInlineEndColor);
   box-shadow: var(--#{$page}__dock-main--BoxShadow);
+  backdrop-filter: var(--#{$page}__dock-main--BackdropFilter);
 
   .#{$page}__dock.pf-m-expanded & {
     border-inline-end: var(--#{$page}__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--#{$page}__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -561,10 +561,10 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   margin-inline-start: var(--#{$page}__sidebar-main--MarginInlineStart);
   margin-inline-end: var(--#{$page}__sidebar-main--MarginInlineEnd);
   background-color: var(--#{$page}__sidebar-main--BackgroundColor);
-  backdrop-filter: var(--#{$page}__sidebar-main--BackdropFilter);
   border: var(--#{$page}__sidebar-main--BorderWidth) solid var(--#{$page}__sidebar-main--BorderColor);
   border-radius: var(--#{$page}__sidebar-main--BorderRadius);
   box-shadow: var(--#{$page}__sidebar-main--BoxShadow);
+  backdrop-filter: var(--#{$page}__sidebar-main--BackdropFilter);
 }
 
 .#{$page}__sidebar-header {
@@ -761,7 +761,6 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   margin-inline-start: var(--#{$page}__main-container--MarginInlineStart);
   margin-inline-end: var(--#{$page}__main-container--MarginInlineEnd);
   background: var(--#{$page}__main-container--BackgroundColor);
-  backdrop-filter: var(--#{$page}__main-container--BackdropFilter);
   border: solid var(--#{$page}__main-container--BorderColor);
   border-block-start-width: var(--#{$page}__main-container--BorderBlockStartWidth);
   border-block-end-width: var(--#{$page}__main-container--BorderBlockEndWidth);
@@ -769,6 +768,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   border-inline-end-width: var(--#{$page}__main-container--BorderInlineEndWidth);
   border-radius: var(--#{$page}__main-container--BorderRadius);
   box-shadow: var(--#{$page}__main-container--BoxShadow);
+  backdrop-filter: var(--#{$page}__main-container--BackdropFilter);
 
   @media screen and (max-width: pf-v6-max-width-bp($pf-v6-global--breakpoint--md)) {
     --#{$page}__main-container--AlignSelf: var(--#{$page}__main-container--xs--AlignSelf);
diff --git a/src/patternfly/components/Popover/popover.scss b/src/patternfly/components/Popover/popover.scss
index 94c9641c7b..e08dbc5a49 100644
--- a/src/patternfly/components/Popover/popover.scss
+++ b/src/patternfly/components/Popover/popover.scss
@@ -219,7 +219,7 @@
 
 .#{$popover}__arrow {
   position: absolute;
-  // stylelint-disable liberty/use-logical-spec
+  // stylelint-disable property-layout-mappings
   top: var(--#{$popover}__arrow--InsetBlockStart, auto);
   right: var(--#{$popover}__arrow--InsetInlineEnd, auto);
   bottom: var(--#{$popover}__arrow--InsetBlockEnd, auto);
@@ -260,7 +260,7 @@
 
 // Body
 .#{$popover}__body {
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .#{$popover}__footer {
diff --git a/src/patternfly/components/Progress/progress.scss b/src/patternfly/components/Progress/progress.scss
index 6205197e2e..e18db9b1d3 100644
--- a/src/patternfly/components/Progress/progress.scss
+++ b/src/patternfly/components/Progress/progress.scss
@@ -43,7 +43,7 @@
   display: grid;
   grid-template-rows: 1fr auto;
   grid-template-columns: auto auto;
-  grid-gap: var(--#{$progress}--GridGap);
+  gap: var(--#{$progress}--GridGap);
   align-items: end;
 
   // Modifiers
@@ -163,7 +163,7 @@
 // the progress__description is displayed above the progress bar on the left
 .#{$progress}__description {
   grid-column: 1 / 2;
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   &.pf-m-truncate {
     @include pf-v6-text-overflow;
@@ -179,7 +179,7 @@
   align-items: flex-start;
   justify-content: flex-end;
   text-align: end;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 // the progress__status-icon is an icon displayed always in the upper right
@@ -189,11 +189,8 @@
 
 .#{$progress}__bar::before,
 .#{$progress}__indicator {
-  // disable linter as the indicator element should always grow ltr
-  // stylelint-disable liberty/use-logical-spec
   inset-block-start: 0;
   inset-inline-start: 0;
-  // stylelint-enable
 }
 
 // The progress__bar is a white underlay with a semi-transparent color on top, which matches the progress__indicator color
diff --git a/src/patternfly/components/Radio/radio.scss b/src/patternfly/components/Radio/radio.scss
index 95466f0486..160227532e 100644
--- a/src/patternfly/components/Radio/radio.scss
+++ b/src/patternfly/components/Radio/radio.scss
@@ -27,7 +27,7 @@
 .#{$radio} {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-gap: var(--#{$radio}--GridGap);
+  gap: var(--#{$radio}--GridGap);
   align-items: baseline;
   accent-color: var(--#{$radio}--AccentColor);
 
diff --git a/src/patternfly/components/Spinner/spinner.scss b/src/patternfly/components/Spinner/spinner.scss
index 607e9e7a18..a32ccfd0d6 100644
--- a/src/patternfly/components/Spinner/spinner.scss
+++ b/src/patternfly/components/Spinner/spinner.scss
@@ -66,10 +66,10 @@
   width: 100%;
   height: 100%;
   stroke: var(--#{$spinner}--Color);
+  stroke-width: var(--#{$spinner}--StrokeWidth);
+  stroke-linecap: round;
   stroke-dasharray: 283;
   stroke-dashoffset: 280;
-  stroke-linecap: round;
-  stroke-width: var(--#{$spinner}--StrokeWidth);
   transform-origin: 50% 50%;
   animation: #{$spinner}-animation-dash var(--#{$spinner}--AnimationDuration) var(--#{$spinner}__path--AnimationTimingFunction) infinite;
 }
diff --git a/src/patternfly/components/Switch/switch.scss b/src/patternfly/components/Switch/switch.scss
index 7a0df558d7..d30faddcb8 100644
--- a/src/patternfly/components/Switch/switch.scss
+++ b/src/patternfly/components/Switch/switch.scss
@@ -160,8 +160,8 @@
     background-color: var(--#{$switch}__input--not-checked__toggle--before--BackgroundColor);
     border: var(--#{$switch}__toggle--before--BorderWidth) solid transparent; // for forced color mode
     border-radius: var(--#{$switch}__toggle--before--BorderRadius);
-    transition: var(--#{$switch}__toggle--before--Transition); // TODO remove shorthand in breaking change
     transform: translateY(-50%);
+    transition: var(--#{$switch}__toggle--before--Transition); // TODO remove shorthand in breaking change
   }
 
   &::after {
diff --git a/src/patternfly/components/Table/table-tree-view.scss b/src/patternfly/components/Table/table-tree-view.scss
index cf23660ad6..73e6abfe28 100644
--- a/src/patternfly/components/Table/table-tree-view.scss
+++ b/src/patternfly/components/Table/table-tree-view.scss
@@ -195,8 +195,8 @@ $pf-v6-c-tree-view--MaxDepth: 10;
 
   tbody:where(.#{$table}__tbody) tr:where(.#{$table}__tr) {
     position: relative;
-    border: none;
     outline-offset: var(--#{$table}--m-tree-view-grid--tr--OutlineOffset);
+    border: none;
 
     &::before {
       position: absolute;
@@ -248,7 +248,7 @@ $pf-v6-c-tree-view--MaxDepth: 10;
   td:where(.#{$table}__td)[data-label] {
     grid-template-columns: var(--#{$table}--m-tree-view-grid__td--data-label--GridTemplateColumns);
     grid-column: 1;
-    grid-column-gap: var(--#{$table}--m-tree-view-grid__tbody--cell--GridColumnGap);
+    column-gap: var(--#{$table}--m-tree-view-grid__tbody--cell--GridColumnGap);
     align-items: start;
 
     // set contents of td to start at column two of td grid
diff --git a/src/patternfly/components/Table/table.scss b/src/patternfly/components/Table/table.scss
index 38c36027fc..fe2f2f18cd 100644
--- a/src/patternfly/components/Table/table.scss
+++ b/src/patternfly/components/Table/table.scss
@@ -411,11 +411,11 @@
 
     // default settings
     overflow: var(--#{$table}--cell--Overflow);
+    text-overflow: var(--#{$table}--cell--TextOverflow);
     font-size: var(--#{$table}--cell--FontSize);
     font-weight: var(--#{$table}--cell--FontWeight);
     line-height: var(--#{$table}--cell--LineHeight);
     color: var(--#{$table}--cell--Color);
-    text-overflow: var(--#{$table}--cell--TextOverflow);
     word-break: var(--#{$table}--cell--WordBreak);
     white-space: var(--#{$table}--cell--WhiteSpace);
 
@@ -584,8 +584,8 @@
   tr:where(.#{$table}__tr) {
     &.pf-m-clickable {
       cursor: pointer;
-      background-color: var(--#{$table}__tr--m-clickable--BackgroundColor);
       outline-offset: var(--#{$table}__tr--m-clickable--OutlineOffset);
+      background-color: var(--#{$table}__tr--m-clickable--BackgroundColor);
 
       &:is(:hover, :focus) {
         --#{$table}__tr--m-clickable--BackgroundColor: var(--#{$table}__tr--m-clickable--hover--BackgroundColor);
@@ -595,8 +595,8 @@
     // tr selected
     &.pf-m-selected {
       position: relative;
-      background-color: var(--#{$table}__tr--m-selected--BackgroundColor);
       outline-offset: var(--#{$table}__tr--m-selected--OutlineOffset);
+      background-color: var(--#{$table}__tr--m-selected--BackgroundColor);
     }
 
     &.pf-m-first-cell-offset-reset > :first-child {
@@ -609,8 +609,8 @@
   tbody:where(.#{$table}__tbody) {
     &.pf-m-clickable {
       cursor: pointer;
-      background-color: var(--#{$table}__tbody--m-clickable--BackgroundColor);
       outline-offset: var(--#{$table}__tbody--m-clickable--OutlineOffset);
+      background-color: var(--#{$table}__tbody--m-clickable--BackgroundColor);
 
       &:is(:hover, :focus) {
         --#{$table}__tbody--m-clickable--BackgroundColor: var(--#{$table}__tbody--m-clickable--hover--BackgroundColor);
@@ -623,8 +623,8 @@
 
     // - Table tbody expanded
     &.pf-m-selected {
-      background-color: var(--#{$table}__tbody--m-selected--BackgroundColor);
       outline-offset: var(--#{$table}__tbody--m-selected--OutlineOffset);
+      background-color: var(--#{$table}__tbody--m-selected--BackgroundColor);
 
       .#{$table}__tr.pf-m-expanded:not(.#{$table}__expandable-row) {
         border: none;
@@ -663,11 +663,11 @@
         display: var(--#{$table}__expandable-row--Display, revert);
         visibility: hidden;
         opacity: var(--#{$table}__expandable-row--Opacity);
+        translate: 0 var(--#{$table}__expandable-row--TranslateY);
         transition-delay: 0s, 0s, var(--#{$table}__expandable-row--TransitionDuration--collapse--fade), var(--#{$table}__expandable-row--TransitionDuration--collapse--fade);
         transition-timing-function: var(--#{$table}__expandable-row--TransitionTimingFunction);
         transition-duration: var(--#{$table}__expandable-row--TransitionDuration--collapse--fade), var(--#{$table}__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
         transition-property: opacity, translate, visibility, background-color;
-        translate: 0 var(--#{$table}__expandable-row--TranslateY);
 
         &[hidden] {
           display: var(--#{$table}__expandable-row--Display, revert);
@@ -676,9 +676,9 @@
         &.pf-m-expanded {
           visibility: visible;
           opacity: var(--#{$table}__tbody--m-expanded__expandable-row--Opacity);
+          translate: 0 var(--#{$table}__tbody--m-expanded__expandable-row--TranslateY);
           transition-delay: 0s;
           transition-duration: var(--#{$table}__expandable-row--TransitionDuration--expand--fade), var(--#{$table}__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
-          translate: 0 var(--#{$table}__tbody--m-expanded__expandable-row--TranslateY);
 
           > :is(.#{$table}__td, .#{$table}__th) {
             > .#{$table}__expandable-row-content {
@@ -769,8 +769,8 @@
   min-width: var(--#{$table}__text--MinWidth);
   max-width: var(--#{$table}--cell--MaxWidth);
   overflow: var(--#{$table}--cell--Overflow);
-  line-height: var(--#{$table}--cell--LineHeight);
   text-overflow: var(--#{$table}--cell--TextOverflow);
+  line-height: var(--#{$table}--cell--LineHeight);
   word-break: var(--#{$table}--cell--WordBreak);
   white-space: var(--#{$table}--cell--WhiteSpace);
 
@@ -804,10 +804,10 @@
   text-align: start;
   white-space: inherit;
   user-select: text;
+  outline-offset: var(--#{$table}__button--OutlineOffset);
   background-color: var(--#{$table}__button--BackgroundColor);
   border: 0;
   border-radius: var(--#{$table}__button--BorderRadius);
-  outline-offset: var(--#{$table}__button--OutlineOffset);
 
   &::after {
     position: absolute;
@@ -919,10 +919,10 @@
   .#{$table}__toggle-icon {
     @include pf-v6-mirror-inline-on-rtl;
 
+    transform: rotate(var(--#{$table}__toggle--c-button__toggle-icon--Rotate));
     transition-timing-function: var(--#{$table}__toggle--c-button__toggle-icon--TransitionTimingFunction);
     transition-duration: var(--#{$table}__toggle--c-button__toggle-icon--TransitionDuration);
     transition-property: transform;
-    transform: rotate(var(--#{$table}__toggle--c-button__toggle-icon--Rotate));
   }
 
   svg {
diff --git a/src/patternfly/components/Tabs/tabs.scss b/src/patternfly/components/Tabs/tabs.scss
index 9b2302d71e..cf23333b0f 100644
--- a/src/patternfly/components/Tabs/tabs.scss
+++ b/src/patternfly/components/Tabs/tabs.scss
@@ -553,8 +553,8 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
   @include pf-v6-mirror-inline-on-rtl;
 
   display: inline-block;
-  transition: var(--#{$tabs}__toggle-icon--Transition); // TODO remove shorthand in breaking change
   transform: rotate(var(--#{$tabs}__toggle-icon--Rotate));
+  transition: var(--#{$tabs}__toggle-icon--Transition); // TODO remove shorthand in breaking change
 }
 
 // Tab list
@@ -738,8 +738,8 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
   align-self: end;
   font-size: var(--#{$tabs}__link-toggle-icon--FontSize);
   color: var(--#{$tabs}__link-toggle-icon--Color);
-  transition: var(--#{$tabs}__link-toggle-icon--Transition); // TODO remove shorthand in breaking change
   transform: rotate(var(--#{$tabs}__link-toggle-icon--Rotate));
+  transition: var(--#{$tabs}__link-toggle-icon--Transition); // TODO remove shorthand in breaking change
 }
 
 .#{$tabs}__item-action {
@@ -846,10 +846,10 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
       border: 0 solid var(--#{$tabs}--link-accent--color);
       border-block-end-width: var(--#{$tabs}--link-accent--BorderBlockEndWidth);
       border-inline-start-width: var(--#{$tabs}--link-accent--BorderInlineStartWidth);
+      transform-origin: var(--#{$tabs}--link-accent--TransformOrigin);
       transition-timing-function: var(--#{$tabs}--link-accent--TransitionTimingFunction);
       transition-duration: var(--#{$tabs}--link-accent--TransitionDuration);
       transition-property: width, height, translate;
-      transform-origin: var(--#{$tabs}--link-accent--TransformOrigin);
 
       @include pf-v6-bidirectional-style(
         $prop: translate,
diff --git a/src/patternfly/components/TextInputGroup/text-input-group.scss b/src/patternfly/components/TextInputGroup/text-input-group.scss
index 5e83f2213f..2a7ff34b43 100644
--- a/src/patternfly/components/TextInputGroup/text-input-group.scss
+++ b/src/patternfly/components/TextInputGroup/text-input-group.scss
@@ -221,9 +221,9 @@
   padding-inline-start: var(--#{$text-input-group}__text-input--PaddingInlineStart);
   padding-inline-end: var(--#{$text-input-group}__text-input--PaddingInlineEnd);
   color: var(--#{$text-input-group}__text-input--Color);
+  outline-offset: var(--#{$text-input-group}__text-input--OutlineOffset);
   background-color: var(--#{$text-input-group}__text-input--BackgroundColor);
   border: 0;
-  outline-offset: var(--#{$text-input-group}__text-input--OutlineOffset);
 
   &,
   &.pf-m-hint {
diff --git a/src/patternfly/components/Title/title.scss b/src/patternfly/components/Title/title.scss
index e2d3554fe2..0dbbb2ea97 100644
--- a/src/patternfly/components/Title/title.scss
+++ b/src/patternfly/components/Title/title.scss
@@ -71,7 +71,7 @@
 
 .#{$title} {
   font-family: var(--#{$title}--FontFamily);
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   &.pf-m-4xl {
     font-size: var(--#{$title}--m-4xl--FontSize);
diff --git a/src/patternfly/components/Toolbar/toolbar.scss b/src/patternfly/components/Toolbar/toolbar.scss
index 543b2dcb5d..11e414f8a2 100644
--- a/src/patternfly/components/Toolbar/toolbar.scss
+++ b/src/patternfly/components/Toolbar/toolbar.scss
@@ -391,10 +391,10 @@ $pf-v6--include-toolbar-breakpoints: true !default;
 // - Toolbar expand all
 .#{$toolbar}__expand-all-icon {
   display: inline-flex;
+  transform: rotate(var(--#{$toolbar}__expand-all-icon--Rotate));
   transition-timing-function: var(--#{$toolbar}__expand-all-icon--TransitionTimingFunction);
   transition-duration: var(--#{$toolbar}__expand-all-icon--TransitionDuration);
   transition-property: transform;
-  transform: rotate(var(--#{$toolbar}__expand-all-icon--Rotate));
 
   @include pf-v6-mirror-inline-on-rtl; // - TODO: mirror this icon in breaking change
 }
diff --git a/src/patternfly/components/Tooltip/tooltip.scss b/src/patternfly/components/Tooltip/tooltip.scss
index d5df0548bf..ce32d370dc 100644
--- a/src/patternfly/components/Tooltip/tooltip.scss
+++ b/src/patternfly/components/Tooltip/tooltip.scss
@@ -129,7 +129,7 @@
   font-size: var(--#{$tooltip}__content--FontSize);
   color: var(--#{$tooltip}__content--Color);
   text-align: center;
-  word-break: break-word;
+  overflow-wrap: break-word;
   background-color: var(--#{$tooltip}__content--BackgroundColor);
   border-radius: var(--#{$tooltip}__content--BorderRadius);
 
@@ -140,7 +140,7 @@
 
 .#{$tooltip}__arrow {
   position: absolute;
-  // stylelint-disable liberty/use-logical-spec
+  // stylelint-disable property-layout-mappings
   top: var(--#{$tooltip}__arrow--InsetBlockStart, auto);
   right: var(--#{$tooltip}__arrow--InsetInlineEnd, auto);
   bottom: var(--#{$tooltip}__arrow--InsetBlockEnd, auto);
diff --git a/src/patternfly/components/TreeView/tree-view.scss b/src/patternfly/components/TreeView/tree-view.scss
index 735f558843..a2ca993e32 100644
--- a/src/patternfly/components/TreeView/tree-view.scss
+++ b/src/patternfly/components/TreeView/tree-view.scss
@@ -376,20 +376,20 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
   display: inline-block;
   min-width: var(--#{$tree-view}__node-toggle-icon--MinWidth);
   text-align: center;
-  transition: transform var(--#{$tree-view}__node-toggle-icon--TransitionDuration) var(--#{$tree-view}__node-toggle-icon--TransitionTimingFunction);
   transform: rotate(var(--#{$tree-view}__node-toggle-icon--Rotate));
+  transition: transform var(--#{$tree-view}__node-toggle-icon--TransitionDuration) var(--#{$tree-view}__node-toggle-icon--TransitionTimingFunction);
 }
 
 .#{$tree-view}__list-item {
   .#{$tree-view}__list {
-    max-height: 0;
     visibility: hidden;
+    max-height: 0;
     opacity: var(--#{$tree-view}__list--Opacity);
+    translate: 0 var(--#{$tree-view}__list--TranslateY);
     transition-delay: 0s, 0s, var(--#{$tree-view}__list--TransitionDuration--fade), var(--#{$tree-view}__list--TransitionDuration--fade);
     transition-timing-function: var(--#{$tree-view}__list--TransitionTimingFunction);
     transition-duration: var(--#{$tree-view}__list--TransitionDuration--fade), var(--#{$tree-view}__list--TransitionDuration--slide), 0s, 0s;
     transition-property: opacity, translate, visibility, max-height;
-    translate: 0 var(--#{$tree-view}__list--TranslateY);
   }
 
   .#{$tree-view}__list-item {
@@ -402,12 +402,12 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
     --#{$tree-view}__node-toggle-icon--Rotate: var(--#{$tree-view}__list-item--m-expanded__node-toggle-icon--Rotate);
 
     > .#{$tree-view}__list {
-      max-height: 99999px;
       visibility: revert;
+      max-height: 99999px;
       opacity: var(--#{$tree-view}--m-expanded__list--Opacity);
+      translate: 0 var(--#{$tree-view}--m-expanded__list--TranslateY);
       transition-delay: 0s;
       transition-duration: var(--#{$tree-view}__list--TransitionDuration--expand--fade), var(--#{$tree-view}__list--TransitionDuration--expand--slide), 0s, 0s;
-      translate: 0 var(--#{$tree-view}--m-expanded__list--TranslateY);
     }
   }
 }
diff --git a/src/patternfly/components/Wizard/wizard.scss b/src/patternfly/components/Wizard/wizard.scss
index cfae9f9cd4..a61f8f9f2d 100644
--- a/src/patternfly/components/Wizard/wizard.scss
+++ b/src/patternfly/components/Wizard/wizard.scss
@@ -261,7 +261,7 @@
 
 .#{$wizard}__title {
   padding-inline-end: var(--#{$wizard}__title--PaddingInlineEnd);
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .#{$wizard}__title-text {
@@ -325,7 +325,7 @@
   align-items: baseline;
   margin-block-end: var(--#{$wizard}__toggle-list-item--MarginBlockEnd);
   text-align: start;
-  word-break: break-word;
+  overflow-wrap: break-word;
 
   &:not(:last-child) {
     margin-inline-end: var(--#{$wizard}__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -478,8 +478,8 @@
   padding-inline: 0;
   color: var(--#{$wizard}__nav-link--Color);
   text-align: start; // needed for when the item is a button
+  overflow-wrap: break-word;
   text-decoration-line: var(--#{$wizard}__nav-link--TextDecoration);
-  word-break: break-word;
   counter-increment: wizard-nav-count;
   background-color: transparent;
   border: none;
@@ -601,10 +601,10 @@
   @include pf-v6-mirror-inline-on-rtl;
 
   display: inline-block;
+  transform: rotate(var(--#{$wizard}__nav-link-toggle-icon--Rotate));
   transition-timing-function: var(--#{$wizard}__nav-link-toggle-icon--TransitionTimingFunction);
   transition-duration: var(--#{$wizard}__nav-link-toggle-icon--TransitionDuration);
   transition-property: transform;
-  transform: rotate(var(--#{$wizard}__nav-link-toggle-icon--Rotate));
 }
 
 .#{$wizard}__main {
@@ -614,7 +614,7 @@
   flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .#{$wizard}__main-body {
diff --git a/src/patternfly/layouts/Gallery/gallery.scss b/src/patternfly/layouts/Gallery/gallery.scss
index 93ff568377..69519387ea 100644
--- a/src/patternfly/layouts/Gallery/gallery.scss
+++ b/src/patternfly/layouts/Gallery/gallery.scss
@@ -18,7 +18,7 @@ $pf-v6-l-gallery--breakpoint-map: build-breakpoint-map();
   grid-template-columns: var(--#{$gallery}--GridTemplateColumns);
 
   &.pf-m-gutter {
-    grid-gap: var(--#{$gallery}--m-gutter--GridGap);
+    gap: var(--#{$gallery}--m-gutter--GridGap);
   }
 
   @include pf-v6-build-css-variable-stack("--#{$gallery}--GridTemplateColumns--minmax--min", "--#{$gallery}--GridTemplateColumns--min", $pf-v6-l-gallery--breakpoint-map);
diff --git a/src/patternfly/layouts/Grid/grid.scss b/src/patternfly/layouts/Grid/grid.scss
index 3e1777b51d..85ef628723 100644
--- a/src/patternfly/layouts/Grid/grid.scss
+++ b/src/patternfly/layouts/Grid/grid.scss
@@ -77,6 +77,6 @@ $pf-v6-l-grid--breakpoint-map: build-breakpoint-map(); // currently only used fo
   }
 
   &.pf-m-gutter {
-    grid-gap: var(--#{$grid}--m-gutter--GridGap);
+    gap: var(--#{$grid}--m-gutter--GridGap);
   }
 }
diff --git a/src/patternfly/sass-utilities/mixins.scss b/src/patternfly/sass-utilities/mixins.scss
index ace96bafd1..e3a897241e 100644
--- a/src/patternfly/sass-utilities/mixins.scss
+++ b/src/patternfly/sass-utilities/mixins.scss
@@ -159,17 +159,17 @@
   inset-block-start: 0;
   inset-inline-start: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
+  clip-path: inset(50%);
 }
 
 @mixin pf-v6-u-visible {
   position: static;
   overflow: visible;
-  clip: auto;
   white-space: normal;
   border: inherit;
+  clip-path: revert;
 }
 
 @mixin pf-v6-text-overflow {
diff --git a/yarn.lock b/yarn.lock
index bd94c2fcb0..57b8a15a18 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1518,25 +1518,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@cacheable/memory@npm:^2.0.6":
-  version: 2.0.7
-  resolution: "@cacheable/memory@npm:2.0.7"
+"@cacheable/memory@npm:^2.0.8":
+  version: 2.0.9
+  resolution: "@cacheable/memory@npm:2.0.9"
   dependencies:
-    "@cacheable/utils": "npm:^2.3.3"
-    "@keyv/bigmap": "npm:^1.3.0"
-    hookified: "npm:^1.14.0"
-    keyv: "npm:^5.5.5"
-  checksum: 10c0/48a4cf290d70e1e84f52dd13504884761c845b54ec61a79504d7760cfaf06223c3b3f206d47e3ded1ea5c424c0b71090b68a0b5a1634282d3f7de9f12d4f864d
+    "@cacheable/utils": "npm:^2.4.1"
+    "@keyv/bigmap": "npm:^1.3.1"
+    hookified: "npm:^1.15.1"
+    keyv: "npm:^5.6.0"
+  checksum: 10c0/2261439b76ddeb1c486c1c6a5a5598da2ff3f909b961a7315d0af72f645ecbce701f4ad8767c94c2a7e674bef7bd6afa40f12cb8ce5895f69cf69aa121c04462
   languageName: node
   linkType: hard
 
-"@cacheable/utils@npm:^2.3.2, @cacheable/utils@npm:^2.3.3":
-  version: 2.3.3
-  resolution: "@cacheable/utils@npm:2.3.3"
+"@cacheable/utils@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "@cacheable/utils@npm:2.4.1"
   dependencies:
-    hashery: "npm:^1.3.0"
-    keyv: "npm:^5.5.5"
-  checksum: 10c0/aa6198dcbd799055465efcaa9c91b11266218bd674bc889665efe7a230ecbce17fda2502aed51bd65062f20ad3af464841a72a93e8609d579535736526e3988c
+    hashery: "npm:^1.5.1"
+    keyv: "npm:^5.6.0"
+  checksum: 10c0/ca2af47636ed27ab26dfedf12add639f42b90c289ecd5d816fb7a299074d9df463751745a83abfb81f6236a70c8ea40f0902e984869638a5ca3a7274e203f987
   languageName: node
   linkType: hard
 
@@ -1758,6 +1758,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/css-calc@npm:^3.2.0":
+  version: 3.2.1
+  resolution: "@csstools/css-calc@npm:3.2.1"
+  peerDependencies:
+    "@csstools/css-parser-algorithms": ^4.0.0
+    "@csstools/css-tokenizer": ^4.0.0
+  checksum: 10c0/0191c8d1cd4dffa0d3b6bfd1e78a721934b1d7a6c972966e4fdaa72208c6789e8ff443ee81764a32f1e6107825695b5524ef2b4dc1681b5b29230f2a1277e5df
+  languageName: node
+  linkType: hard
+
 "@csstools/css-color-parser@npm:^2.0.4":
   version: 2.0.5
   resolution: "@csstools/css-color-parser@npm:2.0.5"
@@ -1780,19 +1790,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-parser-algorithms@npm:^3.0.5":
-  version: 3.0.5
-  resolution: "@csstools/css-parser-algorithms@npm:3.0.5"
+"@csstools/css-parser-algorithms@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@csstools/css-parser-algorithms@npm:4.0.0"
   peerDependencies:
-    "@csstools/css-tokenizer": ^3.0.4
-  checksum: 10c0/d9a1c888bd43849ae3437ca39251d5c95d2c8fd6b5ccdb7c45491dfd2c1cbdc3075645e80901d120e4d2c1993db9a5b2d83793b779dbbabcfb132adb142eb7f7
+    "@csstools/css-tokenizer": ^4.0.0
+  checksum: 10c0/94558c2428d6ef0ddef542e86e0a8376aa1263a12a59770abb13ba50d7b83086822c75433f32aa2e7fef00555e1cc88292f9ca5bce79aed232bb3fed73b1528d
   languageName: node
   linkType: hard
 
-"@csstools/css-syntax-patches-for-csstree@npm:^1.0.19":
-  version: 1.0.23
-  resolution: "@csstools/css-syntax-patches-for-csstree@npm:1.0.23"
-  checksum: 10c0/2a64bf62a1d816bfaf204935f32bfd8ea9c54d4296a3115155caa3f4e08aca828481ed320234de9ea55ad51b177450b45698b44398dcf6c7e69174fbce89929e
+"@csstools/css-syntax-patches-for-csstree@npm:^1.1.3":
+  version: 1.1.4
+  resolution: "@csstools/css-syntax-patches-for-csstree@npm:1.1.4"
+  peerDependencies:
+    css-tree: ^3.2.1
+  peerDependenciesMeta:
+    css-tree:
+      optional: true
+  checksum: 10c0/3872a7befb553c53249c87e964ac00f55d059f4574d2cc023e03e1dafc86a5ad19f6a6d05fa2c14fb192e6a4538a73158104cc2e32e0688f27fd841b9ba76568
   languageName: node
   linkType: hard
 
@@ -1803,10 +1818,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-tokenizer@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "@csstools/css-tokenizer@npm:3.0.4"
-  checksum: 10c0/3b589f8e9942075a642213b389bab75a2d50d05d203727fcdac6827648a5572674caff07907eff3f9a2389d86a4ee47308fafe4f8588f4a77b7167c588d2559f
+"@csstools/css-tokenizer@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@csstools/css-tokenizer@npm:4.0.0"
+  checksum: 10c0/669cf3d0f9c8e1ffdf8c9955ad8beba0c8cfe03197fe29a4fcbd9ee6f7a18856cfa42c62670021a75183d9ab37f5d14a866e6a9df753a6c07f59e36797a9ea9f
   languageName: node
   linkType: hard
 
@@ -1820,13 +1835,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/media-query-list-parser@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@csstools/media-query-list-parser@npm:4.0.3"
+"@csstools/media-query-list-parser@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@csstools/media-query-list-parser@npm:5.0.0"
   peerDependencies:
-    "@csstools/css-parser-algorithms": ^3.0.5
-    "@csstools/css-tokenizer": ^3.0.4
-  checksum: 10c0/e29d856d57e9a036694662163179fc061a99579f05e7c3c35438b3e063790ae8a9ee9f1fb4b4693d8fc7672ae0801764fe83762ab7b9df2921fcc6172cfd5584
+    "@csstools/css-parser-algorithms": ^4.0.0
+    "@csstools/css-tokenizer": ^4.0.0
+  checksum: 10c0/dbc22654769eca02c182f3a57be02cd5b8d0b958adc8397e66770b64b0e8fcd32faa93a3f6a99e1457bde11862485de3cd83a31dac7b03925d32f9891b31ccfd
   languageName: node
   linkType: hard
 
@@ -2210,6 +2225,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@csstools/selector-resolve-nested@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@csstools/selector-resolve-nested@npm:4.0.0"
+  peerDependencies:
+    postcss-selector-parser: ^7.1.1
+  checksum: 10c0/f6bccfe24a47c3e55710d421740550b868bbe7f0820f32d14d1eb737eefe7ec26261fb726cc5cfdf8236b3173d0a657ebdc9602e0c53824603f719b14a76bcaf
+  languageName: node
+  linkType: hard
+
 "@csstools/selector-specificity@npm:^3.1.1":
   version: 3.1.1
   resolution: "@csstools/selector-specificity@npm:3.1.1"
@@ -2219,12 +2243,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/selector-specificity@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@csstools/selector-specificity@npm:5.0.0"
+"@csstools/selector-specificity@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "@csstools/selector-specificity@npm:6.0.0"
   peerDependencies:
-    postcss-selector-parser: ^7.0.0
-  checksum: 10c0/186b444cabcdcdeb553bfe021f80c58bfe9ef38dcc444f2b1f34a5aab9be063ab4e753022b2d5792049c041c28cfbb78e4b707ec398459300e402030d35c07eb
+    postcss-selector-parser: ^7.1.1
+  checksum: 10c0/7a93973f9054f2e1f03c8543cde68e0b0c65e5e72da6e4e959974d28fe809e11bd2afa1ff2ca11a1690a4c9a2f2bbe00d00e2b07fb2108bf89c5e48fe441c432
   languageName: node
   linkType: hard
 
@@ -2244,13 +2268,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@dual-bundle/import-meta-resolve@npm:^4.2.1":
-  version: 4.2.1
-  resolution: "@dual-bundle/import-meta-resolve@npm:4.2.1"
-  checksum: 10c0/8f1e572c14c4d20ea35734635085213abd13bd440c251309cf8ae5ed1082f6759cefa1c2c52a631f76859c57e26062f78a8cee4acc239c0edc87cd316a5d3b5b
-  languageName: node
-  linkType: hard
-
 "@emnapi/core@npm:^1.5.0":
   version: 1.8.1
   resolution: "@emnapi/core@npm:1.8.1"
@@ -2821,15 +2838,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@keyv/bigmap@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@keyv/bigmap@npm:1.3.0"
+"@keyv/bigmap@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "@keyv/bigmap@npm:1.3.1"
   dependencies:
-    hashery: "npm:^1.2.0"
-    hookified: "npm:^1.13.0"
+    hashery: "npm:^1.4.0"
+    hookified: "npm:^1.15.0"
   peerDependencies:
-    keyv: ^5.5.4
-  checksum: 10c0/68fe63451097067d8359dc25b7e5b832fe9d99493ca32602686026c8d14c9ca7ecaf19312df9420c7f54df8de1b26e7305f9189fa364a82f39730710eb895f9e
+    keyv: ^5.6.0
+  checksum: 10c0/acc6a4a5edf462ce23e95672ab4bfaf7cd1941dff6bf3a2f671ce467961ace1fac9d3eb75a9ed9a8e92012e00a7d8b16ad1677bc539a52c3ad0cec31473e2349
   languageName: node
   linkType: hard
 
@@ -3517,11 +3534,10 @@ __metadata:
     resemblejs: "npm:^5.0.0"
     rimraf: "npm:^6.0.1"
     sass: "npm:^1.74.1"
-    stylelint: "npm:^16.3.1"
-    stylelint-config-recess-order: "npm:^5.0.0"
-    stylelint-config-standard: "npm:^36.0.0"
-    stylelint-config-standard-scss: "npm:^13.1.0"
-    stylelint-use-logical-spec: "npm:^5.0.1"
+    stylelint: "npm:^17.12.0"
+    stylelint-config-recess-order: "npm:^7.7.0"
+    stylelint-config-standard-scss: "npm:^17.0.0"
+    stylelint-order: "npm:^8.1.1"
     surge: "npm:^0.24.6"
     unified: "npm:^11.0.4"
     webpack: "npm:^5.91.0"
@@ -4173,6 +4189,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sindresorhus/merge-streams@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@sindresorhus/merge-streams@npm:4.0.0"
+  checksum: 10c0/482ee543629aa1933b332f811a1ae805a213681ecdd98c042b1c1b89387df63e7812248bb4df3910b02b3cc5589d3d73e4393f30e197c9dde18046ccd471fc6b
+  languageName: node
+  linkType: hard
+
 "@starptech/expression-parser@npm:^0.10.0":
   version: 0.10.0
   resolution: "@starptech/expression-parser@npm:0.10.0"
@@ -5311,7 +5334,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-regex@npm:^6.0.1":
+"ansi-regex@npm:^6.0.1, ansi-regex@npm:^6.2.2":
   version: 6.2.2
   resolution: "ansi-regex@npm:6.2.2"
   checksum: 10c0/05d4acb1d2f59ab2cf4b794339c7b168890d44dda4bf0ce01152a8da0213aca207802f930442ce8cd22d7a92f44907664aac6508904e75e038fa944d2601b30f
@@ -5489,13 +5512,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-union@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "array-union@npm:2.1.0"
-  checksum: 10c0/429897e68110374f39b771ec47a7161fc6a8fc33e196857c0a396dc75df0b5f65e4d046674db764330b6bb66b39ef48dd7c53b6a2ee75cfb0681e0c1a7033962
-  languageName: node
-  linkType: hard
-
 "array.prototype.findlast@npm:^1.2.5":
   version: 1.2.5
   resolution: "array.prototype.findlast@npm:1.2.5"
@@ -5924,13 +5940,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"balanced-match@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "balanced-match@npm:2.0.0"
-  checksum: 10c0/60a54e0b75a61674e16a7a336b805f06c72d6f8fc457639c24efc512ba2bf9cb5744b9f6f5225afcefb99da39714440c83c737208cc65c5d9ecd1f3093331ca3
-  languageName: node
-  linkType: hard
-
 "bare-events@npm:^2.5.4, bare-events@npm:^2.7.0":
   version: 2.8.2
   resolution: "bare-events@npm:2.8.2"
@@ -6445,16 +6454,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacheable@npm:^2.2.0":
-  version: 2.3.1
-  resolution: "cacheable@npm:2.3.1"
+"cacheable@npm:^2.3.4":
+  version: 2.3.5
+  resolution: "cacheable@npm:2.3.5"
   dependencies:
-    "@cacheable/memory": "npm:^2.0.6"
-    "@cacheable/utils": "npm:^2.3.2"
-    hookified: "npm:^1.14.0"
-    keyv: "npm:^5.5.5"
-    qified: "npm:^0.5.3"
-  checksum: 10c0/62bf82cb9d9f8f7619d0f386f6bb9e7a3dc65e81ca6750b3cedf058a1337f89391309f0f54f3d532b7853f685173644a036c9b6f67638f4a5b5ba160ba8fd778
+    "@cacheable/memory": "npm:^2.0.8"
+    "@cacheable/utils": "npm:^2.4.1"
+    hookified: "npm:^1.15.0"
+    keyv: "npm:^5.6.0"
+    qified: "npm:^0.10.1"
+  checksum: 10c0/a52f06df2c97cf2757c3c608adfcdee6a7bde2bb7ee7772205c2dd72d5ed7b149bd482538cf9c4fd0871b124cd0772a5eaba2e56d5f87e339cf2082795c6c9cf
   languageName: node
   linkType: hard
 
@@ -7503,6 +7512,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "cosmiconfig@npm:9.0.1"
+  dependencies:
+    env-paths: "npm:^2.2.1"
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/a5d4d95599687532ee072bca60170133c24d4e08cd795529e0f22c6ce5fde9409eaf4f26e36e3d671f43270ef858fc68f3c7b0ec28e58fac7ddebda5b7725306
+  languageName: node
+  linkType: hard
+
 "create-error-class@npm:^3.0.0":
   version: 3.0.2
   resolution: "create-error-class@npm:3.0.2"
@@ -7561,10 +7587,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-functions-list@npm:^3.2.3":
-  version: 3.2.3
-  resolution: "css-functions-list@npm:3.2.3"
-  checksum: 10c0/03f9ed34eeed310d2b1cf0e524eea02bc5f87854a4de85f8957ea432ab1036841a3fb00879590519f7bb8fda40d992ce7a72fa9b61696ca1dc53b90064858f96
+"css-functions-list@npm:^3.3.3":
+  version: 3.3.3
+  resolution: "css-functions-list@npm:3.3.3"
+  checksum: 10c0/7b9e5dd94e0178b2edb0f3263de5ae7942e56ab0b73420d4adb8fea003367e1dbc94fe8ea300bf732d1423f7eafb523e695136f0a4e6ae4f0abec66848219ee6
   languageName: node
   linkType: hard
 
@@ -7650,13 +7676,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-tree@npm:^3.0.1, css-tree@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "css-tree@npm:3.1.0"
+"css-tree@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "css-tree@npm:3.2.1"
   dependencies:
-    mdn-data: "npm:2.12.2"
-    source-map-js: "npm:^1.0.1"
-  checksum: 10c0/b5715852c2f397c715ca00d56ec53fc83ea596295ae112eb1ba6a1bda3b31086380e596b1d8c4b980fe6da09e7d0fc99c64d5bb7313030dd0fba9c1415f30979
+    mdn-data: "npm:2.27.1"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10c0/1f65e9ccaa56112a4706d6f003dd43d777f0dbcf848e66fd320f823192533581f8dd58daa906cb80622658332d50284d6be13b87a6ab4556cbbfe9ef535bbf7e
   languageName: node
   linkType: hard
 
@@ -8228,15 +8254,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dir-glob@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "dir-glob@npm:3.0.1"
-  dependencies:
-    path-type: "npm:^4.0.0"
-  checksum: 10c0/dcac00920a4d503e38bb64001acb19df4efc14536ada475725e12f52c16777afdee4db827f55f13a908ee7efc0cb282e2e3dbaeeb98c0993dd93d1802d3bf00c
-  languageName: node
-  linkType: hard
-
 "diverged@npm:^0.1.3":
   version: 0.1.3
   resolution: "diverged@npm:0.1.3"
@@ -9508,7 +9525,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.3":
+"fast-glob@npm:^3.3.3":
   version: 3.3.3
   resolution: "fast-glob@npm:3.3.3"
   dependencies:
@@ -9615,12 +9632,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-entry-cache@npm:^11.1.1":
-  version: 11.1.1
-  resolution: "file-entry-cache@npm:11.1.1"
+"file-entry-cache@npm:^11.1.3":
+  version: 11.1.3
+  resolution: "file-entry-cache@npm:11.1.3"
   dependencies:
-    flat-cache: "npm:^6.1.19"
-  checksum: 10c0/aa639f5dd578f63984a941f34b112180a4bd9d091d03970752437958158932957fc576861b9fbcf4d6eceaeb0779ad5359befdc321cc1bac59aa6f56f6b1d205
+    flat-cache: "npm:^6.1.22"
+  checksum: 10c0/a0b478e576f055fdf548665677660eec876a1b25b0b5509e9d0ea9bd4a7fb59270d9c7084f28d914717c5f1c29cd502116fcba24f6de2cea7634bb57c267d347
   languageName: node
   linkType: hard
 
@@ -9798,14 +9815,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flat-cache@npm:^6.1.19":
-  version: 6.1.19
-  resolution: "flat-cache@npm:6.1.19"
+"flat-cache@npm:^6.1.22":
+  version: 6.1.22
+  resolution: "flat-cache@npm:6.1.22"
   dependencies:
-    cacheable: "npm:^2.2.0"
-    flatted: "npm:^3.3.3"
-    hookified: "npm:^1.13.0"
-  checksum: 10c0/80c2d3c6ff2b7327920dacf2ab57e70ba4e865120209e41295689f029fcec17a6b49892ded7ce758d968d2b097fa2f9ab4e52923d971f3cdc90af9faba4680fd
+    cacheable: "npm:^2.3.4"
+    flatted: "npm:^3.4.2"
+    hookified: "npm:^1.15.0"
+  checksum: 10c0/ec94fba4ecb10b43567bb815f19e178d4351a66a58117b06a06c81bda6b579c2ed75d8cbd9ea90a2ab9408493b564ffef55386f263f20d1d73bb991fa97de67f
   languageName: node
   linkType: hard
 
@@ -9818,7 +9835,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flatted@npm:^3.2.9, flatted@npm:^3.3.3":
+"flatted@npm:^3.2.9, flatted@npm:^3.4.2":
   version: 3.4.2
   resolution: "flatted@npm:3.4.2"
   checksum: 10c0/a65b67aae7172d6cdf63691be7de6c5cd5adbdfdfe2e9da1a09b617c9512ed794037741ee53d93114276bff3f93cd3b0d97d54f9b316e1e4885dde6e9ffdf7ed
@@ -10179,6 +10196,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-east-asian-width@npm:^1.5.0":
+  version: 1.6.0
+  resolution: "get-east-asian-width@npm:1.6.0"
+  checksum: 10c0/7e72e9550fd49ca5b246f9af6bb2afc129c96412845ff6556b3274fd44817a381702ca17028efe9866b261a3d44254cbf21e6c90cf05b4b61675630af776d431
+  languageName: node
+  linkType: hard
+
 "get-intrinsic@npm:^1.2.4, get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.2.7, get-intrinsic@npm:^1.3.0":
   version: 1.3.1
   resolution: "get-intrinsic@npm:1.3.1"
@@ -10566,17 +10590,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "globby@npm:11.1.0"
+"globby@npm:^16.2.0":
+  version: 16.2.0
+  resolution: "globby@npm:16.2.0"
   dependencies:
-    array-union: "npm:^2.1.0"
-    dir-glob: "npm:^3.0.1"
-    fast-glob: "npm:^3.2.9"
-    ignore: "npm:^5.2.0"
-    merge2: "npm:^1.4.1"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/b39511b4afe4bd8a7aead3a27c4ade2b9968649abab0a6c28b1a90141b96ca68ca5db1302f7c7bd29eab66bf51e13916b8e0a3d0ac08f75e1e84a39b35691189
+    "@sindresorhus/merge-streams": "npm:^4.0.0"
+    fast-glob: "npm:^3.3.3"
+    ignore: "npm:^7.0.5"
+    is-path-inside: "npm:^4.0.0"
+    slash: "npm:^5.1.0"
+    unicorn-magic: "npm:^0.4.0"
+  checksum: 10c0/fc0675e01dc1da5095f30dccc46a3047fc38d45ca08c21c1aa871bd79d38682f507d84a159be168019db5fffaa09c5663c3679c29190a2d4f999dc91d7ff6406
   languageName: node
   linkType: hard
 
@@ -10918,6 +10942,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-flag@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "has-flag@npm:5.0.1"
+  checksum: 10c0/6c214902e9d829979ef0f906980599df1db5ca289a9c72cc1b1ebc2c8c924681c60b632a21bfc23728a1098a3f300029a8608f293fcc559962ecd495652aa250
+  languageName: node
+  linkType: hard
+
 "has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-property-descriptors@npm:1.0.2"
@@ -10966,12 +10997,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hashery@npm:^1.2.0, hashery@npm:^1.3.0":
-  version: 1.4.0
-  resolution: "hashery@npm:1.4.0"
+"hashery@npm:^1.4.0, hashery@npm:^1.5.1":
+  version: 1.5.1
+  resolution: "hashery@npm:1.5.1"
   dependencies:
-    hookified: "npm:^1.14.0"
-  checksum: 10c0/34e0c72f7eac78676ee81f7b4f8263cbc591d2eb66229c3fd8812d006362a43436038b07e07580d6cfa512954d674a01a045e0d4c6968cc13c1d817d638bfcbf
+    hookified: "npm:^1.15.0"
+  checksum: 10c0/ab4225b655a7b0d05df99b1a59d5b3a51fe433f82422ca25e6f3f4c4ddd30adb49ebd38e0047ef9bded93319c1e9fc857e16aa382e554929c871cb77d39fc463
   languageName: node
   linkType: hard
 
@@ -11082,10 +11113,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hookified@npm:^1.13.0, hookified@npm:^1.14.0":
-  version: 1.15.0
-  resolution: "hookified@npm:1.15.0"
-  checksum: 10c0/bb8e2b34d6e6c1a00fd946ebbb3988fd826ac1c7ae103507d3402ab94defdb09d1fafb37cec6eae48e60ba56217ef89b803b885ccf4156c149e499d05a7741ec
+"hookified@npm:^1.15.0, hookified@npm:^1.15.1":
+  version: 1.15.1
+  resolution: "hookified@npm:1.15.1"
+  checksum: 10c0/6b691374fa97ae57169fb29f90e723499fda5e85494654fbe55c4768b3ccbf3e14c0adc8d0f365f32c503b60d7c06f907781f5966c03d41c423575eb5e16860c
+  languageName: node
+  linkType: hard
+
+"hookified@npm:^2.1.1":
+  version: 2.2.0
+  resolution: "hookified@npm:2.2.0"
+  checksum: 10c0/7017d2b66945490293a5aba239e7b39f39071dd940fa019348c7ffea92b91b8c267853c4c51680ed0f3687b33352582fa4d2cff6dd4c5a1c5c44b037276f07aa
   languageName: node
   linkType: hard
 
@@ -11139,10 +11177,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-tags@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "html-tags@npm:3.3.1"
-  checksum: 10c0/680165e12baa51bad7397452d247dbcc5a5c29dac0e6754b1187eee3bf26f514bc1907a431dd2f7eb56207611ae595ee76a0acc8eaa0d931e72c791dd6463d79
+"html-tags@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "html-tags@npm:5.1.0"
+  checksum: 10c0/2dda19bc07e75837d0c52984558d92e8b82768050e4d6421b3164b1cb6ca5e73719209c2b23c0fa71faf097a7a3d18cf7f2021b488f1b1f270fca516c4c634c9
   languageName: node
   linkType: hard
 
@@ -11500,7 +11538,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-meta-resolve@npm:^4.0.0":
+"import-meta-resolve@npm:^4.0.0, import-meta-resolve@npm:^4.2.0":
   version: 4.2.0
   resolution: "import-meta-resolve@npm:4.2.0"
   checksum: 10c0/3ee8aeecb61d19b49d2703987f977e9d1c7d4ba47db615a570eaa02fe414f40dfa63f7b953e842cbe8470d26df6371332bfcf21b2fd92b0112f9fea80dde2c4c
@@ -12096,6 +12134,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-path-inside@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-path-inside@npm:4.0.0"
+  checksum: 10c0/51188d7e2b1d907a9a5f7c18d99a90b60870b951ed87cf97595d9aaa429d4c010652c3350bcbf31182e7f4b0eab9a1860b43e16729b13cb1a44baaa6cdb64c46
+  languageName: node
+  linkType: hard
+
 "is-plain-obj@npm:^1.1.0":
   version: 1.1.0
   resolution: "is-plain-obj@npm:1.1.0"
@@ -12746,12 +12791,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keyv@npm:^5.5.5":
-  version: 5.5.5
-  resolution: "keyv@npm:5.5.5"
+"keyv@npm:^5.6.0":
+  version: 5.6.0
+  resolution: "keyv@npm:5.6.0"
   dependencies:
     "@keyv/serialize": "npm:^1.1.1"
-  checksum: 10c0/d0b8c5ffbfbaa98055e14b3c58ecf92fec2f8c4ad2a2a35fff1a146e82444ae0b969918fb6ab3281f6c16282cafb1239cc115c953cadf12838f1c45a97a5e2b8
+  checksum: 10c0/c3ea795b6e03593ca57c8f70928a69bad14c13389a7fb75649a115ff55615244b04d8902798d841c17f0bb4a8a8866c97133b543b93f151b440170bba09176db
   languageName: node
   linkType: hard
 
@@ -13348,10 +13393,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mathml-tag-names@npm:^2.1.3":
-  version: 2.1.3
-  resolution: "mathml-tag-names@npm:2.1.3"
-  checksum: 10c0/e2b094658a2618433efd2678a5a3e551645e09ba17c7c777783cd8dfa0178b0195fda0a5c46a6be5e778923662cf8dde891c894c869ff14fbb4ea3208c31bc4d
+"mathml-tag-names@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mathml-tag-names@npm:4.0.0"
+  checksum: 10c0/2e928554c61b5e502ee551a23bb4157b99ffd042578e28fb4038ee67d19ea2b1a79c34a3c2ab1611437f668f6b29436e1c8f6fdc20eaf3c88d511ce5b8954fe8
   languageName: node
   linkType: hard
 
@@ -13468,17 +13513,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdn-data@npm:2.12.2":
-  version: 2.12.2
-  resolution: "mdn-data@npm:2.12.2"
-  checksum: 10c0/b22443b71d70f72ccc3c6ba1608035431a8fc18c3c8fc53523f06d20e05c2ac10f9b53092759a2ca85cf02f0d37036f310b581ce03e7b99ac74d388ef8152ade
-  languageName: node
-  linkType: hard
-
-"mdn-data@npm:^2.25.0":
-  version: 2.25.0
-  resolution: "mdn-data@npm:2.25.0"
-  checksum: 10c0/9e95672fd57a0f185e483ccbb3616c5f7bcfeb021b91b1c4945b93bfce4b0d7a04e387e941f2df8295e76cc212617adab14df75c859836b54db686da7beb417b
+"mdn-data@npm:2.27.1":
+  version: 2.27.1
+  resolution: "mdn-data@npm:2.27.1"
+  checksum: 10c0/eb8abf5d22e4d1e090346f5e81b67d23cef14c83940e445da5c44541ad874dc8fb9f6ca236e8258c3a489d9fb5884188a4d7d58773adb9089ac2c0b966796393
   languageName: node
   linkType: hard
 
@@ -13540,10 +13578,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"meow@npm:^13.2.0":
-  version: 13.2.0
-  resolution: "meow@npm:13.2.0"
-  checksum: 10c0/d5b339ae314715bcd0b619dd2f8a266891928e21526b4800d49b4fba1cc3fff7e2c1ff5edd3344149fac841bc2306157f858e8c4d5eaee4d52ce52ad925664ce
+"meow@npm:^14.1.0":
+  version: 14.1.0
+  resolution: "meow@npm:14.1.0"
+  checksum: 10c0/f0ca4bb4fd08e4b9470fcbb7332deb61d72d40d4bda18ffb87c1a98e5014c0b44749ae9f0cab18fa532e26d61cef5d453831f9ae23ac09fa8ea0e0469be73ebc
   languageName: node
   linkType: hard
 
@@ -13578,7 +13616,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+"merge2@npm:^1.3.0":
   version: 1.4.1
   resolution: "merge2@npm:1.4.1"
   checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
@@ -14301,6 +14339,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.3.12":
+  version: 3.3.12
+  resolution: "nanoid@npm:3.3.12"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 10c0/ba142b7b39e11e80c16dd74b0365d407880c87c1cf7e1480956981ae940ee36060fa5b6f092cd1e315184dd19244c657bd017d03327bd3c62247d691c5e8edfb
+  languageName: node
+  linkType: hard
+
 "natural-compare@npm:^1.4.0":
   version: 1.4.0
   resolution: "natural-compare@npm:1.4.0"
@@ -16361,7 +16408,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^7.0.0, postcss-selector-parser@npm:^7.1.0, postcss-selector-parser@npm:^7.1.1":
+"postcss-selector-parser@npm:^7.0.0, postcss-selector-parser@npm:^7.1.1":
   version: 7.1.1
   resolution: "postcss-selector-parser@npm:7.1.1"
   dependencies:
@@ -16371,12 +16418,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-sorting@npm:^8.0.2":
-  version: 8.0.2
-  resolution: "postcss-sorting@npm:8.0.2"
+"postcss-sorting@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "postcss-sorting@npm:10.0.0"
   peerDependencies:
     postcss: ^8.4.20
-  checksum: 10c0/955c72d8d71b6b54dcdcbcef765a593803512d215cef12a49b71d1abf8ab8d2dacb5645dbb5a0a6535609aab6bffb834599d6073f28fe61e589a4437af85e243
+  checksum: 10c0/2e53560ccfaefb6ccfaa44cd258735f815de7a06ff6c79e6fb0fe789422f10242266044902c716e2eec9680879d7e0872b4ecd5d89e9bd8670f6d9f6c3ce5adc
   languageName: node
   linkType: hard
 
@@ -16420,7 +16467,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.38, postcss@npm:^8.5.6, postcss@npm:^8.5.8":
+"postcss@npm:^8.4.33, postcss@npm:^8.4.38, postcss@npm:^8.5.8":
   version: 8.5.12
   resolution: "postcss@npm:8.5.12"
   dependencies:
@@ -16431,6 +16478,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.5.14":
+  version: 8.5.15
+  resolution: "postcss@npm:8.5.15"
+  dependencies:
+    nanoid: "npm:^3.3.12"
+    picocolors: "npm:^1.1.1"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10c0/7f2e63ae22fbe43aace1bf652bd99da4e90737c64194d49e51ddc9cd0f9e51ff2861a7d734379b494deffa03a880a5c65eec70bc29ee9ebaa7136dde3eee8f31
+  languageName: node
+  linkType: hard
+
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -16804,12 +16862,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qified@npm:^0.5.3":
-  version: 0.5.3
-  resolution: "qified@npm:0.5.3"
+"qified@npm:^0.10.1":
+  version: 0.10.1
+  resolution: "qified@npm:0.10.1"
   dependencies:
-    hookified: "npm:^1.13.0"
-  checksum: 10c0/bffeb42ff3908d9df97872b5bb3f6b4a862c99bc210e1dea404c92519c8e9e885ab77bf49f68e0ba28c38aae2fa719ba7200037e96a6a6d089d8349c2bebf0db
+    hookified: "npm:^2.1.1"
+  checksum: 10c0/4a39d45492c65a4b9795381acede1bd566028ce9764ead5b41d776b391a898bf0855dd2b59d724a6711fe253ba3cacf7c9a8832887cf9dc6d48a2c5e4997c82d
   languageName: node
   linkType: hard
 
@@ -18355,10 +18413,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slash@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "slash@npm:3.0.0"
-  checksum: 10c0/e18488c6a42bdfd4ac5be85b2ced3ccd0224773baae6ad42cfbb9ec74fc07f9fa8396bd35ee638084ead7a2a0818eb5e7151111544d4731ce843019dab4be47b
+"slash@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "slash@npm:5.1.0"
+  checksum: 10c0/eb48b815caf0bdc390d0519d41b9e0556a14380f6799c72ba35caf03544d501d18befdeeef074bc9c052acf69654bc9e0d79d7f1de0866284137a40805299eb3
   languageName: node
   linkType: hard
 
@@ -18807,6 +18865,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-width@npm:^8.2.1":
+  version: 8.2.1
+  resolution: "string-width@npm:8.2.1"
+  dependencies:
+    get-east-asian-width: "npm:^1.5.0"
+    strip-ansi: "npm:^7.1.2"
+  checksum: 10c0/d467b4eaf4c40a01bb438a2620e77badd2456ffd5131c9973abe4f3acf7c802d5b21f3b6a00a5e33a7fc28ca8f9c103226e01bac61e9f259659c6f46d78e353a
+  languageName: node
+  linkType: hard
+
 "string.prototype.matchall@npm:^4.0.12":
   version: 4.0.12
   resolution: "string.prototype.matchall@npm:4.0.12"
@@ -18954,6 +19022,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi@npm:^7.1.2":
+  version: 7.2.0
+  resolution: "strip-ansi@npm:7.2.0"
+  dependencies:
+    ansi-regex: "npm:^6.2.2"
+  checksum: 10c0/544d13b7582f8254811ea97db202f519e189e59d35740c46095897e254e4f1aa9fe1524a83ad6bc5ad67d4dd6c0281d2e0219ed62b880a6238a16a17d375f221
+  languageName: node
+  linkType: hard
+
 "strip-bom-string@npm:^1.0.0":
   version: 1.0.0
   resolution: "strip-bom-string@npm:1.0.0"
@@ -19049,155 +19126,144 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint-config-recess-order@npm:^5.0.0":
-  version: 5.1.1
-  resolution: "stylelint-config-recess-order@npm:5.1.1"
-  dependencies:
-    stylelint-order: "npm:^6.0.4"
+"stylelint-config-recess-order@npm:^7.7.0":
+  version: 7.7.0
+  resolution: "stylelint-config-recess-order@npm:7.7.0"
   peerDependencies:
-    stylelint: ">=16"
-  checksum: 10c0/2389ebe9721486514ea5ed45edefa3e135f0d37eaa5610ea1c65aa0d381311cc6982f0e2299179e2b6930185d46fe474aef40261ac93c1eca66716ffdc56e45a
+    stylelint: ^16.18.0 || ^17.0.0
+    stylelint-order: ^7.0.0 || ^8.0.0
+  checksum: 10c0/4e94581c9a44d46e498d519bd516c021a399a5d8689a5bf9e32b3eeb0b5d7b95548f987d77c5fcf9da1ca4e5061e45aa368176f05c928383ce417d4ffe5d7ebb
   languageName: node
   linkType: hard
 
-"stylelint-config-recommended-scss@npm:^14.0.0":
-  version: 14.1.0
-  resolution: "stylelint-config-recommended-scss@npm:14.1.0"
+"stylelint-config-recommended-scss@npm:^17.0.0":
+  version: 17.0.1
+  resolution: "stylelint-config-recommended-scss@npm:17.0.1"
   dependencies:
     postcss-scss: "npm:^4.0.9"
-    stylelint-config-recommended: "npm:^14.0.1"
-    stylelint-scss: "npm:^6.4.0"
+    stylelint-config-recommended: "npm:^18.0.0"
+    stylelint-scss: "npm:^7.0.0"
   peerDependencies:
     postcss: ^8.3.3
-    stylelint: ^16.6.1
+    stylelint: ^17.0.0
   peerDependenciesMeta:
     postcss:
       optional: true
-  checksum: 10c0/0a1c1bb6d9f7a21acea82e12fee1b36a195181ae1dd0d8b59145a56f76232a80d5b706269bc4ca4929680d36f10371bd8a7d0aeeee468fa9119a3b56410b052f
+  checksum: 10c0/82f2df8505ffce7ba44526b54ee3e6eda6e42a2fa720bb0b61f3a3f9c5c3c562e00bf9a81cf04b81673d622fbcda1ddc12a6f5f7536b7af95076bdd6cdfe4366
   languageName: node
   linkType: hard
 
-"stylelint-config-recommended@npm:^14.0.1":
-  version: 14.0.1
-  resolution: "stylelint-config-recommended@npm:14.0.1"
+"stylelint-config-recommended@npm:^18.0.0":
+  version: 18.0.0
+  resolution: "stylelint-config-recommended@npm:18.0.0"
   peerDependencies:
-    stylelint: ^16.1.0
-  checksum: 10c0/a0a0ecd91f4d193bbe2cc3408228f8a2d8fcb2b2578d77233f86780c9247c796a04e16aad7a91d97cb918e2de34b6a8062bab66ee017c3835d855081d94f4828
+    stylelint: ^17.0.0
+  checksum: 10c0/c7f8ff45c76ec23f4c8c0438894726976fd5e872c59d489f959b728d9879bba20dbf0040cd29ad3bbc00eb32befd95f5b6ca150002bb8aea74b0797bc42ccc17
   languageName: node
   linkType: hard
 
-"stylelint-config-standard-scss@npm:^13.1.0":
-  version: 13.1.0
-  resolution: "stylelint-config-standard-scss@npm:13.1.0"
+"stylelint-config-standard-scss@npm:^17.0.0":
+  version: 17.0.0
+  resolution: "stylelint-config-standard-scss@npm:17.0.0"
   dependencies:
-    stylelint-config-recommended-scss: "npm:^14.0.0"
-    stylelint-config-standard: "npm:^36.0.0"
+    stylelint-config-recommended-scss: "npm:^17.0.0"
+    stylelint-config-standard: "npm:^40.0.0"
   peerDependencies:
     postcss: ^8.3.3
-    stylelint: ^16.3.1
+    stylelint: ^17.0.0
   peerDependenciesMeta:
     postcss:
       optional: true
-  checksum: 10c0/d07cae806ee8b3e77684f019a8b22cc32642373da8053e6ae7ed716f8ddbe6ea1f7323633a6a1bbc9aa08c6a3dceb1dcf053d83fdd10d076b5a01da6e86801ae
+  checksum: 10c0/0506537ba896f3d5e0fb002608090fcb41aa8ba7b65f1de8533702ce7c70e3f92b275782788a8356b5b687c86c53468c223e082226dda62780294b1cba324a36
   languageName: node
   linkType: hard
 
-"stylelint-config-standard@npm:^36.0.0":
-  version: 36.0.1
-  resolution: "stylelint-config-standard@npm:36.0.1"
+"stylelint-config-standard@npm:^40.0.0":
+  version: 40.0.0
+  resolution: "stylelint-config-standard@npm:40.0.0"
   dependencies:
-    stylelint-config-recommended: "npm:^14.0.1"
+    stylelint-config-recommended: "npm:^18.0.0"
   peerDependencies:
-    stylelint: ^16.1.0
-  checksum: 10c0/7f9b954694358e77be5110418f31335be579ce59dd952bc3c6a9449265297db3170ec520e0905769253b48b99c3109a95c71f5b985bf402e48fd6c89b5364cb2
+    stylelint: ^17.0.0
+  checksum: 10c0/d8942552d53a3afda59b64d0c49503bb626fe5cef39a9e8c9583fcd60869f21431125ef4480ff27a59f7f2cf0da8af810d377129ef1d670ddc5def4defe2880c
   languageName: node
   linkType: hard
 
-"stylelint-order@npm:^6.0.4":
-  version: 6.0.4
-  resolution: "stylelint-order@npm:6.0.4"
+"stylelint-order@npm:^8.1.1":
+  version: 8.1.1
+  resolution: "stylelint-order@npm:8.1.1"
   dependencies:
-    postcss: "npm:^8.4.32"
-    postcss-sorting: "npm:^8.0.2"
+    postcss: "npm:^8.5.8"
+    postcss-sorting: "npm:^10.0.0"
   peerDependencies:
-    stylelint: ^14.0.0 || ^15.0.0 || ^16.0.1
-  checksum: 10c0/9a1f6ba7ab04855462bfae28fe36ad2a297fec56f42da2f588b57295b89b72e6f517d5e35ecbcefb11fcc373f3db40f0e6a8eefb41a4d267550ac6324f12a3ca
+    stylelint: ^16.18.0 || ^17.0.0
+  checksum: 10c0/ef135a414d3ed98a53cc19e52f1cdff25105e34d96430ecc805d831dbdf4f505031d692dba0f2275b6e7b3a4f4b406f352d85a3924e2e3d89931af65a64eb047
   languageName: node
   linkType: hard
 
-"stylelint-scss@npm:^6.4.0":
-  version: 6.14.0
-  resolution: "stylelint-scss@npm:6.14.0"
+"stylelint-scss@npm:^7.0.0":
+  version: 7.1.1
+  resolution: "stylelint-scss@npm:7.1.1"
   dependencies:
-    css-tree: "npm:^3.0.1"
+    "@csstools/css-calc": "npm:^3.2.0"
+    "@csstools/css-parser-algorithms": "npm:^4.0.0"
+    "@csstools/css-syntax-patches-for-csstree": "npm:^1.1.3"
+    "@csstools/css-tokenizer": "npm:^4.0.0"
+    css-tree: "npm:^3.2.1"
     is-plain-object: "npm:^5.0.0"
     known-css-properties: "npm:^0.37.0"
-    mdn-data: "npm:^2.25.0"
     postcss-media-query-parser: "npm:^0.2.3"
     postcss-resolve-nested-selector: "npm:^0.1.6"
     postcss-selector-parser: "npm:^7.1.1"
     postcss-value-parser: "npm:^4.2.0"
   peerDependencies:
-    stylelint: ^16.8.2
-  checksum: 10c0/8bb49acc172347c644770939171d4e236dc35f5a2e9095d97ec8abbf8d1f4afe4a77a6c7b7e5e4113aa6feb0ece72d0d9b31b368183d98c9fdb040014cf2742d
-  languageName: node
-  linkType: hard
-
-"stylelint-use-logical-spec@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "stylelint-use-logical-spec@npm:5.0.1"
-  peerDependencies:
-    stylelint: ">=11 < 17"
-  checksum: 10c0/deb7b25cb920339822b17e76c1662693832806bb078a8aec6614c2ac1d36bf5e7550e2f481f119a02ea6b06aa1322f9fe8c3a6a2dc72ed6079f84d9f2d061068
+    stylelint: ^16.8.2 || ^17.0.0
+  checksum: 10c0/5e3c9084788debdc1d616ba8f7a49431449b7f2e7c80c7b1d311266cc2907fe4c8fc174f725b182422fa0937f168e384de8a9b8eb2c8534b9d7ddc2d08b2c874
   languageName: node
   linkType: hard
 
-"stylelint@npm:^16.3.1":
-  version: 16.26.1
-  resolution: "stylelint@npm:16.26.1"
+"stylelint@npm:^17.12.0":
+  version: 17.12.0
+  resolution: "stylelint@npm:17.12.0"
   dependencies:
-    "@csstools/css-parser-algorithms": "npm:^3.0.5"
-    "@csstools/css-syntax-patches-for-csstree": "npm:^1.0.19"
-    "@csstools/css-tokenizer": "npm:^3.0.4"
-    "@csstools/media-query-list-parser": "npm:^4.0.3"
-    "@csstools/selector-specificity": "npm:^5.0.0"
-    "@dual-bundle/import-meta-resolve": "npm:^4.2.1"
-    balanced-match: "npm:^2.0.0"
+    "@csstools/css-calc": "npm:^3.2.0"
+    "@csstools/css-parser-algorithms": "npm:^4.0.0"
+    "@csstools/css-syntax-patches-for-csstree": "npm:^1.1.3"
+    "@csstools/css-tokenizer": "npm:^4.0.0"
+    "@csstools/media-query-list-parser": "npm:^5.0.0"
+    "@csstools/selector-resolve-nested": "npm:^4.0.0"
+    "@csstools/selector-specificity": "npm:^6.0.0"
     colord: "npm:^2.9.3"
-    cosmiconfig: "npm:^9.0.0"
-    css-functions-list: "npm:^3.2.3"
-    css-tree: "npm:^3.1.0"
+    cosmiconfig: "npm:^9.0.1"
+    css-functions-list: "npm:^3.3.3"
+    css-tree: "npm:^3.2.1"
     debug: "npm:^4.4.3"
     fast-glob: "npm:^3.3.3"
     fastest-levenshtein: "npm:^1.0.16"
-    file-entry-cache: "npm:^11.1.1"
+    file-entry-cache: "npm:^11.1.3"
     global-modules: "npm:^2.0.0"
-    globby: "npm:^11.1.0"
+    globby: "npm:^16.2.0"
     globjoin: "npm:^0.1.4"
-    html-tags: "npm:^3.3.1"
+    html-tags: "npm:^5.1.0"
     ignore: "npm:^7.0.5"
-    imurmurhash: "npm:^0.1.4"
-    is-plain-object: "npm:^5.0.0"
-    known-css-properties: "npm:^0.37.0"
-    mathml-tag-names: "npm:^2.1.3"
-    meow: "npm:^13.2.0"
+    import-meta-resolve: "npm:^4.2.0"
+    mathml-tag-names: "npm:^4.0.0"
+    meow: "npm:^14.1.0"
     micromatch: "npm:^4.0.8"
     normalize-path: "npm:^3.0.0"
     picocolors: "npm:^1.1.1"
-    postcss: "npm:^8.5.6"
-    postcss-resolve-nested-selector: "npm:^0.1.6"
+    postcss: "npm:^8.5.14"
     postcss-safe-parser: "npm:^7.0.1"
-    postcss-selector-parser: "npm:^7.1.0"
+    postcss-selector-parser: "npm:^7.1.1"
     postcss-value-parser: "npm:^4.2.0"
-    resolve-from: "npm:^5.0.0"
-    string-width: "npm:^4.2.3"
-    supports-hyperlinks: "npm:^3.2.0"
+    string-width: "npm:^8.2.1"
+    supports-hyperlinks: "npm:^4.4.0"
     svg-tags: "npm:^1.0.0"
     table: "npm:^6.9.0"
-    write-file-atomic: "npm:^5.0.1"
+    write-file-atomic: "npm:^7.0.1"
   bin:
     stylelint: bin/stylelint.mjs
-  checksum: 10c0/3805dfe868abdcc5a62e5726eebe5e950432cfadfc5b47c2f103ef4dede8ee1eb8a1247c9ceb01a1739c0aba68865d79899d33a707256365bb2004664524908b
+  checksum: 10c0/fdc066ebf923168cfaf2927f3d2b222fd0cf12722610c2d80fbd395714ccfa108e9319f5fccb422fa4dff5d08f39543ed6ad1f1511172de4709364f09b4ea177
   languageName: node
   linkType: hard
 
@@ -19210,6 +19276,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"supports-color@npm:^10.2.2":
+  version: 10.2.2
+  resolution: "supports-color@npm:10.2.2"
+  checksum: 10c0/fb28dd7e0cdf80afb3f2a41df5e068d60c8b4f97f7140de2eaed5b42e075d82a0e980b20a2c0efd2b6d73cfacb55555285d8cc719fa0472220715aefeaa1da7c
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^5.0.0, supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -19228,7 +19301,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-color@npm:^7.0.0, supports-color@npm:^7.1.0":
+"supports-color@npm:^7.1.0":
   version: 7.2.0
   resolution: "supports-color@npm:7.2.0"
   dependencies:
@@ -19246,13 +19319,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-hyperlinks@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "supports-hyperlinks@npm:3.2.0"
+"supports-hyperlinks@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "supports-hyperlinks@npm:4.4.0"
   dependencies:
-    has-flag: "npm:^4.0.0"
-    supports-color: "npm:^7.0.0"
-  checksum: 10c0/bca527f38d4c45bc95d6a24225944675746c515ddb91e2456d00ae0b5c537658e9dd8155b996b191941b0c19036195a098251304b9082bbe00cd1781f3cd838e
+    has-flag: "npm:^5.0.1"
+    supports-color: "npm:^10.2.2"
+  checksum: 10c0/1172347b736e52f012506e162d5782d5fe9c64e22d286bd6daffbd182ca5696cc341fb0f66a550e2b96b5cdf31fc5217b009c6b92150843585debc6d8f1697bd
   languageName: node
   linkType: hard
 
@@ -20243,6 +20316,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unicorn-magic@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "unicorn-magic@npm:0.4.0"
+  checksum: 10c0/cd6eff90967a5528dfa2016bdb5b38b0cd64c8558f9ba04fb5c2c23f3a232a67dfe2bfa4c45af3685d5f1a40dbac6a36d48e053f80f97ae4da1e0f6a55431685
+  languageName: node
+  linkType: hard
+
 "unified-engine@npm:^6.0.1":
   version: 6.0.1
   resolution: "unified-engine@npm:6.0.1"
@@ -21536,13 +21616,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write-file-atomic@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "write-file-atomic@npm:5.0.1"
+"write-file-atomic@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "write-file-atomic@npm:7.0.1"
   dependencies:
-    imurmurhash: "npm:^0.1.4"
     signal-exit: "npm:^4.0.1"
-  checksum: 10c0/e8c850a8e3e74eeadadb8ad23c9d9d63e4e792bd10f4836ed74189ef6e996763959f1249c5650e232f3c77c11169d239cbfc8342fc70f3fe401407d23810505d
+  checksum: 10c0/69cebb64945e22928a24ae7e2a55bf54438c92d6f657c1fa5e96b7c7a50f6c022e7454ab5c259079bb35f60296242f3a21234c79320d64a8ad57675b56a2098d
   languageName: node
   linkType: hard