fix(opentrons-ai-client): fix global style unexpected overwrite issue (#18906)

* fix(opentrons-ai-client): fix global style unexpected overwrite issue

Author: koji

components/src/styles/global.module.css

@@ -176,7 +176,4 @@
   --purple-35: var(--purple-35-touchscreen);
   --purple-30: var(--purple-30-touchscreen);
   --purple-20: var(--purple-20-touchscreen);
-
-  /* font-family */
-  --font-family-main: 'Public Sans';
 }

opentrons-ai-client/src/global.css

@@ -1,16 +1,32 @@
-/* from createGlobalStyle */
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-family: var(--font-family-main), 'DejaVu Sans', sans-serif;
+@import url('@fontsource/public-sans');
+@import url('@fontsource/public-sans/600.css');
+@import url('@fontsource/public-sans/700.css');
+
+:root {
+  --font-family-main: 'Public Sans', 'DejaVu Sans', sans-serif;
 }
 
-html,
 body {
   width: 100%;
   height: 100%;
+  font-family: var(--font-family-main);
   color: var(--black-90);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+button,
+input,
+textarea {
+  font-family: inherit;
 }
 
 a {