Merged in feature/transpile-design-system (pull request #2621)

Feature/transpile design system

* remove example, we should use storybook instead

* remove example, we should use storybook instead

* css-modules cannot have :root, moved affected css-variables to globals.css

* .

* scandic-web no longer depends on design-system#build

* * Update readme
* Remove test code


Approved-by: Anton Gunnarsson

packages/design-system/lib/components/RateCard/Modal/modal.module.css

@@ -1,12 +1,3 @@
-:root {
-  --max-width-navigation: 89.5rem;
-
-  --max-width-spacing: calc(var(--Space-x2) * 2);
-  --max-width-page: min(
-    calc(100dvw - var(--max-width-spacing)),
-    var(--max-width-navigation)
-  );
-}
 .overlay {
   background: rgba(0, 0, 0, 0.5);
   height: var(--visual-viewport-height);
@@ -70,9 +61,6 @@
 }
 
 @media screen and (min-width: 768px) {
-  :root {
-    --max-width-spacing: calc(var(--Space-x3) * 2);
-  }
   .overlay {
     display: flex;
     justify-content: center;
@@ -91,9 +79,3 @@
     max-height: 90dvh;
   }
 }
-
-@media screen and (min-width: 1367px) {
-  :root {
-    --max-width-spacing: calc(var(--Space-x5) * 2);
-  }
-}