[docs] Add missing border-box styles to CSS modules demos (#4018)

Author: atomiks

docs/src/app/(docs)/react/components/autocomplete/demos/async/css-modules/index.module.css

@@ -122,6 +122,7 @@
 }
 
 .Spinner {
+  box-sizing: border-box;
   width: 1rem;
   height: 1rem;
   border: 2px solid var(--color-gray-200);

docs/src/app/(docs)/react/components/autocomplete/demos/grid/css-modules/index.module.css

@@ -188,6 +188,7 @@
 }
 
 .GroupLabel {
+  box-sizing: border-box;
   padding: 0.5rem 1rem 0.25rem;
   font-size: 0.75rem;
   font-weight: 600;
@@ -217,6 +218,7 @@
 }
 
 .Item {
+  box-sizing: border-box;
   outline: 0;
   cursor: default;
   user-select: none;

docs/src/app/(docs)/react/components/combobox/demos/async-multiple/css-modules/index.module.css

@@ -82,6 +82,7 @@
 }
 
 .Input {
+  box-sizing: border-box;
   flex: 1;
   min-width: 6rem;
   height: 2rem;
@@ -159,6 +160,7 @@
 }
 
 .Spinner {
+  box-sizing: border-box;
   width: 0.75rem;
   height: 0.75rem;
   border-radius: 10rem;

docs/src/app/(docs)/react/components/combobox/demos/async-single/css-modules/index.module.css

@@ -138,6 +138,7 @@
 }
 
 .Spinner {
+  box-sizing: border-box;
   width: 0.75rem;
   height: 0.75rem;
   border-radius: 10rem;

docs/src/app/(docs)/react/components/combobox/demos/creatable/css-modules/index.module.css

@@ -16,6 +16,7 @@
 }
 
 .Chips {
+  box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   align-items: center;

docs/src/app/(docs)/react/components/popover/demos/detached-triggers-full/css-modules/index.module.css

@@ -102,6 +102,7 @@
 
 .Viewport {
   --viewport-inline-padding: 1.5rem;
+  box-sizing: border-box;
   /* Required to clip the overflowing content during the slide in/out animations */
   position: relative;
   overflow: clip;

docs/src/app/(docs)/react/components/switch/demos/hero/css-modules/index.module.css

@@ -8,6 +8,7 @@
 }
 
 .Switch {
+  box-sizing: border-box;
   position: relative;
   display: flex;
   appearance: none;

docs/src/app/(docs)/react/components/toolbar/demos/hero/css-modules/index.module.css

@@ -1,4 +1,5 @@
 .Toolbar {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   gap: 1px;

docs/src/app/(docs)/react/components/tooltip/demos/detached-triggers-full/css-modules/index.module.css

@@ -166,6 +166,7 @@
 
 .Viewport {
   --viewport-inline-padding: 0.5rem;
+  box-sizing: border-box;
   position: relative;
   height: 100%;
   width: 100%;