fix(clerk-js): Set box-sizing to border-box by default (clerk#2762)

* fix(clerk-js): Use border-box box-sizing for inputs and all elements by default instead of inherit

* chore(repo): Add Changeset

Author: octoper

.changeset/light-doors-invent.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/src/ui/primitives/Box.tsx

@@ -6,7 +6,7 @@ import { applyDataStateProps } from './applyDataStateProps';
 
 const { applyVariants } = createVariants(() => ({
   base: {
-    boxSizing: 'inherit',
+    boxSizing: 'border-box',
   },
   variants: {},
 }));

packages/clerk-js/src/ui/primitives/Input.tsx

@@ -7,7 +7,7 @@ import { useInput } from './hooks/useInput';
 
 const { applyVariants, filterProps } = createVariants((theme, props) => ({
   base: {
-    boxSizing: 'inherit',
+    boxSizing: 'border-box',
     margin: 0,
     padding: `${theme.space.$1x5} ${theme.space.$3}`,
     backgroundColor: theme.colors.$colorInputBackground,