diff --git a/lib/design-system.css.ts b/lib/design-system.css.ts
index 2d0e179..854f77f 100644
--- a/lib/design-system.css.ts
+++ b/lib/design-system.css.ts
@@ -1,4 +1,4 @@
-import { createTheme, createThemeContract, style } from '@vanilla-extract/css';
+import { createTheme, createThemeContract } from '@vanilla-extract/css';
 
 export const genericVars = createThemeContract({
   text: {
@@ -16,8 +16,8 @@ export const genericVars = createThemeContract({
       light: 'text-weight-light',
       normal: 'text-weight-normal',
       medium: 'text-weight-medium',
-      bold: 'text-weight-bold',
       semiBold: 'text-weight-semi-bold',
+      bold: 'text-weight-bold',
       heavy: 'text-weight-heavy',
     },
     lineHeight: {
@@ -103,7 +103,3 @@ export const genericThemeClass = createTheme(genericVars, {
     huge: '2rem',
   },
 });
-
-export const sansSerifFontStyle = style({
-  fontFamily: 'sans-serif',
-});
diff --git a/lib/design-system.tsx b/lib/design-system.tsx
index e1b89f3..e02e775 100644
--- a/lib/design-system.tsx
+++ b/lib/design-system.tsx
@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from 'react';
 import { Box } from './core.js';
-import { genericThemeClass, sansSerifFontStyle } from './design-system.css.js';
+import { genericThemeClass } from './design-system.css.js';
 import { resetClass } from './reset.css.js';
 import {
   ColorScheme,
@@ -39,7 +39,6 @@ export const DesignSystem: FC<
       component="div"
       className={[
         resetClass,
-        sansSerifFontStyle,
         genericThemeClass,
 
         // color theme