chore: update tokens (#2777)

Co-authored-by: boosted-bot <[email protected]>
Co-authored-by: Julien Déramond <[email protected]>

scss/_containers.scss

@@ -60,7 +60,7 @@
   .container-max-width {
     @include media-breakpoint-up(get-breakpoint-from-width()) {
       --#{$prefix}container-margin-x: #{map-get($container-fluid-margin, get-breakpoint-from-width())};
-      max-width: $ouds-size-max-width-grid-grid;
+      max-width: $ouds-size-max-width-grid;
 
       .row {
         --#{$prefix}gutter-x: #{map-get($grid-gutter-widths, get-breakpoint-from-width())};

scss/mixins/_breakpoints.scss

@@ -128,7 +128,7 @@
 
 // OUDS mod
 // Get the breakpoint infix corresponding to a given width
-@function get-breakpoint-from-width($width: $ouds-size-max-width-grid-grid, $breakpoints: $grid-breakpoints) {
+@function get-breakpoint-from-width($width: $ouds-size-max-width-grid, $breakpoints: $grid-breakpoints) {
   $breakpoint-infix: "";
   @each $infix, $value in $grid-breakpoints {
     @if $width >= $value {

scss/tokens/_semantic.scss

@@ -563,7 +563,7 @@ $ouds-size-icon-with-heading-xlarge-size-short-tablet: $ouds-dimension-650 !defa
 $ouds-size-icon-with-heading-xlarge-size-tall-desktop: $ouds-dimension-800 !default;
 $ouds-size-icon-with-heading-xlarge-size-tall-mobile: $ouds-dimension-650 !default;
 $ouds-size-icon-with-heading-xlarge-size-tall-tablet: $ouds-dimension-800 !default;
-$ouds-size-max-width-grid-grid: $ouds-grid-max-width-650 !default;
+$ouds-size-max-width-grid: $ouds-grid-max-width-650 !default;
 $ouds-size-max-width-type-body-large-desktop: $ouds-dimension-7000 !default;
 $ouds-size-max-width-type-body-large-mobile: $ouds-dimension-6000 !default;
 $ouds-size-max-width-type-body-large-tablet: $ouds-dimension-6000 !default;

site/content/docs/0.0/layout/containers.md

@@ -121,14 +121,14 @@ Comparison between `.container-fluid` with `.container-max-width` and `.containe
 
 ### Custom max width
 
-If necessary, in specific cases, you can define a custom maximum width for the fluid container by overriding the `$ouds-size-max-width-grid-grid` variable before importing the OUDS Web SCSS files.
+If necessary, in specific cases, you can define a custom maximum width for the fluid container by overriding the `$ouds-size-max-width-grid` variable before importing the OUDS Web SCSS files.
 
-This adjustment will apply to all containers using the `.container-max-width`class, ensuring that your layout stays within the specific width. Once the layout exceeds the `$ouds-size-max-width-grid-grid` value at larger breakpoints, the container's margins and gutter values will remain unchanged.
+This adjustment will apply to all containers using the `.container-max-width`class, ensuring that your layout stays within the specific width. Once the layout exceeds the `$ouds-size-max-width-grid` value at larger breakpoints, the container's margins and gutter values will remain unchanged.
 
 ```scss
 @import "../node_modules/ouds-web/scss/functions";
 
-$ouds-size-max-width-grid-grid: 3500px; // Custom container max width
+$ouds-size-max-width-grid: 3500px; // Custom container max width
 
 @import "../node_modules/ouds-web/tokens/raw";
 @import "../node_modules/ouds-web/tokens/semantic";

site/content/docs/0.0/migration-from-boosted.md

@@ -269,7 +269,7 @@ Technically, it means that you can get rid of the following things:
       <li><code>$ouds-grid-margin-400</code></li>
       <li><code>$ouds-grid-margin-500</code></li>
       <li><code>$ouds-grid-margin-700</code></li>
-      <li><code>$ouds-size-max-width-grid-grid</code></li>
+      <li><code>$ouds-size-max-width-grid</code></li>
       <li><code>$ouds-grid-md-column-gap</code></li>
       <li><code>$ouds-grid-md-margin</code></li>
       <li><code>$ouds-grid-md-min-width</code></li>

site/content/docs/0.0/migration.md

@@ -212,7 +212,7 @@ toc: true
       <li><code>$ouds-grid-margin-400</code></li>
       <li><code>$ouds-grid-margin-500</code></li>
       <li><code>$ouds-grid-margin-700</code></li>
-      <li><code>$ouds-size-max-width-grid-grid</code></li>
+      <li><code>$ouds-size-max-width-grid</code></li>
       <li><code>$ouds-grid-md-column-gap</code></li>
       <li><code>$ouds-grid-md-margin</code></li>
       <li><code>$ouds-grid-md-min-width</code></li>