feat: add font tokens and component-level tokens

figma-primitives/src/styles/figma-development-theme.css

@@ -6,7 +6,7 @@
 */
 
 body {
-  font-family: Inter, sans-serif;
+  font-family: var(--fp-font-family-default);
   font-size: 11px;
   line-height: 16px;
   font-weight: 400;

figma-primitives/src/styles/index.css

@@ -1,5 +1,7 @@
+@import 'tokens/fonts.css';
 @import 'tokens/space.css';
 @import 'tokens/radii.css';
+@import 'tokens/components.css';
 @import '../components/input-base/input-base.css';
 @import '../components/control-input/control-input.css';
 @import '../components/tooltip/tooltip.css';

figma-primitives/src/styles/tokens/components.css

@@ -0,0 +1,10 @@
+:root {
+  --fp-color-bg-menu: #1e1e1e;
+  --fp-color-bg-menu-selected: var(--figma-color-bg-selected-strong);
+  --fp-color-text-menu: var(--figma-color-text-oncomponent);
+  --fp-color-text-menu-secondary: var(--figma-color-text-oncomponent-secondary);
+  --fp-color-text-menu-tertiary: var(--figma-color-text-oncomponent-tertiary);
+  --fp-color-icon-menu: var(--figma-color-icon-oncomponent);
+  --fp-color-border-menu: #383838;
+  --fp-font-size-menu: 12px;
+}

figma-primitives/src/styles/tokens/fonts.css

@@ -0,0 +1,5 @@
+:root {
+  --fp-font-family-default: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
+    Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+    SFProLocalRange;
+}