feat(styles): deprecate regular breakpoint

.changeset/chilled-parrots-pretend.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-styles': patch
+'@swisspost/design-system-documentation': patch
+---
+
+Adjusted breakpoints and visually got rid of the deprecated `rg` breakpoint.

.changeset/tricky-tables-warn.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Added a documentation page for the `.container` and `.container-fluid` classes.

packages/documentation/src/stories/foundation/layout/breakpoints/breakpoints.docs.mdx

@@ -22,6 +22,11 @@ The Swiss Post Design System includes
 <span>{Object.keys(SCSS_VARIABLES.breakpoint).length}</span>
 breakpoints, sometimes referred to as grid tiers, for building responsively. These breakpoints can be customized if you’re using our source Sass files.
 
+<div className="alert alert-md alert-warning">
+  <h2 className="alert-heading">The <code>regular</code> Breakpoint is deprecated</h2>
+  <p>Its CSS helper classes, as well as its SASS variables and mixins will be removed in the future.</p>
+</div>
+
 <BreakpointTable />
 
 ## CSS

packages/styles/src/variables/_breakpoints.scss

@@ -2,10 +2,10 @@
 
 $grid-breakpoints: (
   xs: 0,
-  sm: 400px,
-  rg: 600px,
+  sm: 540px,
+  rg: 779.96px,
   md: 780px,
   lg: 1024px,
   xl: 1280px,
-  xxl: 1441px,
+  xxl: 1440px,
 ) !default;