canon: update fontWeight definitions to use numbers

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/canon/docs/components/component-status/component-status.css.ts

@@ -25,7 +25,7 @@ export const title = style({
   color: '#3b59ff',
   fontFamily: '"Geist", sans-serif',
   fontSize: '16px',
-  fontWeight: '400',
+  fontWeight: 400,
   textDecoration: 'none',
 });
 
@@ -39,7 +39,7 @@ export const pill = recipe({
     padding: '0px 8px',
     height: '24px',
     fontSize: '12px',
-    fontWeight: '600',
+    fontWeight: 600,
     borderStyle: 'solid',
     borderWidth: '1px',
     marginLeft: '8px',

packages/canon/docs/components/table/table.css.ts

@@ -36,7 +36,7 @@ export const cellStyles = style({
   backgroundColor: 'white !important',
   fontFamily: '"Geist", sans-serif',
   fontSize: '16px',
-  fontWeight: '300',
+  fontWeight: 300,
 });
 
 // Apply global styles to <p> elements inside cellStyles
@@ -51,7 +51,7 @@ export const headerRowStyles = style({
 export const headerCellStyles = style({
   backgroundColor: '#f5f5f5 !important',
   borderBottom: '1px solid #e7e7e7 !important',
-  fontWeight: '500',
+  fontWeight: 500,
   fontSize: '14px',
 });
 

packages/canon/docs/components/text/text.css.ts

@@ -20,7 +20,7 @@ export const textStyles = style({
   fontSize: '16px',
   lineHeight: '28px',
   margin: '0',
-  fontWeight: '300',
+  fontWeight: 300,
   paddingBottom: '16px',
 });
 
@@ -29,5 +29,5 @@ globalStyle(`${textStyles} p`, {
   fontSize: '16px',
   lineHeight: '28px',
   margin: '0',
-  fontWeight: '300',
+  fontWeight: 300,
 });

packages/canon/docs/components/title/title.css.ts

@@ -19,7 +19,7 @@ export const titleStyles = recipe({
   base: {
     fontFamily: '"Geist", sans-serif',
     margin: '0',
-    fontWeight: '500',
+    fontWeight: 500,
     border: 'none',
   },
   variants: {