uswds-jekyll 4.1.0 → 5.3.0

data/_sass/uswds/src/theme/styles.scss

@@ -0,0 +1,76 @@
+/*
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+========================================
+========================================
+========================================
+*/
+
+// -------------------------------------
+// Import individual theme settings
+
+@import "uswds-theme-general";
+@import "uswds-theme-typography";
+@import "uswds-theme-spacing";
+@import "uswds-theme-color";
+@import "uswds-theme-utilities";
+
+// components import needs to be last
+@import "uswds-theme-components";
+
+// -------------------------------------
+// Import individual USWDS packages...
+// See https://designsystem.digital.gov/components/
+
+// First import required and global packages...
+// @import 'packages/required';
+// @import 'packages/global';
+
+// Then import individual component packages...
+// @import 'packages/form-controls';
+// @import 'packages/form-templates';
+// @import 'packages/layout-grid';
+// @import 'packages/typography';
+// @import 'packages/validation';
+// @import 'packages/usa-accordion';
+// @import 'packages/usa-alert';
+// @import 'packages/usa-identifier';
+// @import 'packages/usa-banner';
+// @import 'packages/usa-breadcrumb';
+// @import 'packages/usa-button';
+// @import 'packages/usa-button-group';
+// @import 'packages/usa-card';
+// @import 'packages/usa-checklist';
+// @import 'packages/usa-footer';
+// @import 'packages/usa-header';
+// @import 'packages/usa-hero';
+// @import 'packages/usa-identifier';
+// @import 'packages/usa-layout';
+// @import 'packages/usa-media-block';
+// @import 'packages/usa-megamenu';
+// @import 'packages/usa-nav-container';
+// @import 'packages/usa-nav';
+// @import 'packages/usa-navbar';
+// @import 'packages/usa-search';
+// @import 'packages/usa-section';
+// @import 'packages/usa-sidenav';
+// @import 'packages/usa-skipnav';
+// @import 'packages/usa-step-indicator';
+// @import 'packages/usa-table';
+// @import 'packages/usa-tag';
+
+// or package sets...
+// @import 'packages/uswds-components';
+// @import 'packages/uswds-utilities';
+
+// -------------------------------------
+// ...or import the complete USWDS kit
+
+@import "uswds";
+
+// -------------------------------------
+// Import theme custom styles
+
+@import "uswds-theme-custom-styles";

data/_sass/uswds/src/uswds.scss

@@ -0,0 +1,17 @@
+/*! uswds @version */
+
+// Required
+// -------------------------------------
+@import "packages/required";
+
+// Global
+// -------------------------------------
+@import "packages/global";
+
+// Components
+// -------------------------------------
+@import "packages/uswds-components";
+
+// Utilities
+// -------------------------------------
+@import "packages/uswds-utilities";

data/_sass/uswds/src/utilities/palettes/_all.scss

@@ -0,0 +1,41 @@
+// Fonts
+@import "font-palettes";
+
+// Spacing
+@import "spacing-palettes";
+
+// Colors
+@import "colors/black-transparent-palettes";
+@import "colors/gray-cool-palettes";
+@import "colors/gray-palettes";
+@import "colors/gray-warm-palettes";
+@import "colors/blue-cool-palettes";
+@import "colors/blue-palettes";
+@import "colors/blue-warm-palettes";
+@import "colors/cyan-palettes";
+@import "colors/gold-palettes";
+@import "colors/green-cool-palettes";
+@import "colors/green-palettes";
+@import "colors/green-warm-palettes";
+@import "colors/indigo-cool-palettes";
+@import "colors/indigo-palettes";
+@import "colors/indigo-warm-palettes";
+@import "colors/magenta-palettes";
+@import "colors/mint-cool-palettes";
+@import "colors/mint-palettes";
+@import "colors/orange-palettes";
+@import "colors/orange-warm-palettes";
+@import "colors/red-cool-palettes";
+@import "colors/red-palettes";
+@import "colors/red-warm-palettes";
+@import "colors/violet-palettes";
+@import "colors/violet-warm-palettes";
+@import "colors/white-transparent-palettes";
+@import "colors/yellow-palettes";
+@import "colors/all-colors-palettes";
+
+// Defaults
+@import "default-palettes";
+
+// Registry
+@import "palette-registry";

data/_sass/uswds/src/utilities/palettes/_default-palettes.scss

@@ -0,0 +1,73 @@
+/*
+========================================
+STANDARD PLUGINS
+----------------------------------------
+These plugins collect standard property
+values as plugin
+----------------------------------------
+*/
+
+$palettes-default: (
+  "palette-align-items-default": get-standard-values(align-items),
+  "palette-align-self-default": get-standard-values(align-self),
+  "palette-background-color-default": get-standard-values(background-color),
+  "palette-border-default": get-standard-values(border),
+  "palette-border-color-default": get-standard-values(border-color),
+  "palette-border-radius-default": get-standard-values(border-radius),
+  "palette-border-style-default": get-standard-values(border-style),
+  "palette-border-width-default": get-standard-values(border-width),
+  "palette-bottom-default": get-standard-values(bottom),
+  "palette-box-shadow-default": get-standard-values(box-shadow),
+  "palette-circle-default": get-standard-values(circle),
+  "palette-color-default":
+    map-collect(
+      $tokens-color-basic,
+      $tokens-color-grayscale,
+      $tokens-color-theme
+    ),
+  "palette-cursor-default": get-standard-values(cursor),
+  "palette-display-default": get-standard-values(display),
+  "palette-flex-default": get-standard-values(flex),
+  "palette-flex-direction-default": get-standard-values(flex-direction),
+  "palette-flex-wrap-default": get-standard-values(flex-wrap),
+  "palette-float-default": get-standard-values(float),
+  "palette-font-default": $tokens-font-theme,
+  "palette-font-family-default": get-standard-values(font-family),
+  "palette-font-feature-settings-default":
+    get-standard-values(font-feature-settings),
+  "palette-font-style-default": get-standard-values(font-style),
+  "palette-font-weight-default": get-standard-values(font-weight),
+  "palette-height-default": get-standard-values(height),
+  "palette-justify-content-default": get-standard-values(justify-content),
+  "palette-left-default": get-standard-values(left),
+  "palette-letter-spacing-default": get-standard-values(letter-spacing),
+  "palette-line-height-default": get-standard-values(line-height),
+  "palette-margin-default": get-standard-values(margin),
+  "palette-margin-horizontal-default": get-standard-values(margin-horizontal),
+  "palette-margin-vertical-default": get-standard-values(margin-vertical),
+  "palette-max-height-default": get-standard-values(max-height),
+  "palette-max-width-default": get-standard-values(max-width),
+  "palette-measure-default": get-standard-values(measure),
+  "palette-min-height-default": get-standard-values(min-height),
+  "palette-min-width-default": get-standard-values(min-width),
+  "palette-opacity-default": get-standard-values(opacity),
+  "palette-order-default": get-standard-values(order),
+  "palette-outline-default": get-standard-values(outline),
+  "palette-outline-color-default": get-standard-values(outline-color),
+  "palette-overflow-default": get-standard-values(overflow),
+  "palette-padding-default": get-standard-values(padding),
+  "palette-position-default": get-standard-values(position),
+  "palette-right-default": get-standard-values(right),
+  "palette-square-default": get-standard-values(square),
+  "palette-text-align-default": get-standard-values(text-align),
+  "palette-text-decoration-default": get-standard-values(text-decoration),
+  "palette-text-decoration-color-default":
+    get-standard-values(text-decoration-color),
+  "palette-text-indent-default": get-standard-values(text-indent),
+  "palette-text-transform-default": get-standard-values(text-transform),
+  "palette-top-default": get-standard-values(top),
+  "palette-vertical-align-default": get-standard-values(vertical-align),
+  "palette-white-space-default": get-standard-values(white-space),
+  "palette-width-default": get-standard-values(width),
+  "palette-z-index-default": get-standard-values(z-index),
+);

data/_sass/uswds/src/utilities/palettes/_font-palettes.scss

@@ -0,0 +1,2762 @@
+/*
+========================================
+FONT PLUGINS
+----------------------------------------
+These plugins collect packaged
+font-related values for inclusion in
+utilities
+----------------------------------------
+*/
+
+$palettes-font-misc: (
+  "palette-font-family": (
+    ui: get-font-stack("ui"),
+    heading: get-font-stack("heading"),
+    body: get-font-stack("body"),
+    code: get-font-stack("cond"),
+    alt: get-font-stack("alt"),
+    cond: get-font-stack("cond"),
+    icon: get-font-stack("icon"),
+    lang: get-font-stack("lang"),
+    mono: get-font-stack("mono"),
+    sans: get-font-stack("sans"),
+    serif: get-font-stack("serif"),
+  ),
+  "palette-font-family-roles": (
+    ui: get-font-stack("ui"),
+    heading: get-font-stack("heading"),
+    body: get-font-stack("body"),
+    code: get-font-stack("code"),
+    alt: get-font-stack("alt"),
+  ),
+  "palette-font-family-types": (
+    cond: get-font-stack("cond"),
+    icon: get-font-stack("icon"),
+    lang: get-font-stack("lang"),
+    mono: get-font-stack("mono"),
+    sans: get-font-stack("sans"),
+    serif: get-font-stack("serif"),
+  ),
+  "palette-font-weight":
+    map-collect(
+      $project-font-weights,
+      (
+        "100": 100,
+        "200": 200,
+        "300": 300,
+        "400": 400,
+        "500": 500,
+        "600": 600,
+        "700": 700,
+        "800": 800,
+        "900": 900,
+      )
+    ),
+  "palette-font-weight-theme": $project-font-weights,
+  "palette-font-weight-system": (
+    "100": 100,
+    "200": 200,
+    "300": 300,
+    "400": 400,
+    "500": 500,
+    "600": 600,
+    "700": 700,
+    "800": 800,
+    "900": 900,
+  ),
+);
+
+$token-font-theme-cond-3xs: (
+  cond-3xs: (
+    slug: "cond-3xs",
+    isReadable: true,
+    content: utility-font(cond, 3xs),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-2xs: (
+  cond-2xs: (
+    slug: "cond-2xs",
+    isReadable: true,
+    content: utility-font(cond, 2xs),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-xs: (
+  cond-xs: (
+    slug: "cond-xs",
+    isReadable: true,
+    content: utility-font(cond, xs),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-sm: (
+  cond-sm: (
+    slug: "cond-sm",
+    isReadable: true,
+    content: utility-font(cond, sm),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-md: (
+  cond-md: (
+    slug: "cond-md",
+    isReadable: true,
+    content: utility-font(cond, md),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-lg: (
+  cond-lg: (
+    slug: "cond-lg",
+    isReadable: true,
+    content: utility-font(cond, lg),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-xl: (
+  cond-xl: (
+    slug: "cond-xl",
+    isReadable: true,
+    content: utility-font(cond, xl),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-2xl: (
+  cond-2xl: (
+    slug: "cond-2xl",
+    isReadable: true,
+    content: utility-font(cond, 2xl),
+    dependency: $project-font-cond,
+  ),
+);
+
+$token-font-theme-cond-3xl: (
+  cond-3xl: (
+    slug: "cond-3xl",
+    isReadable: true,
+    content: utility-font(cond, 3xl),
+    dependency: $project-font-cond,
+  ),
+);
+
+$tokens-font-theme-cond: map-collect(
+  $token-font-theme-cond-3xs,
+  $token-font-theme-cond-2xs,
+  $token-font-theme-cond-xs,
+  $token-font-theme-cond-sm,
+  $token-font-theme-cond-md,
+  $token-font-theme-cond-lg,
+  $token-font-theme-cond-xl,
+  $token-font-theme-cond-2xl,
+  $token-font-theme-cond-3xl
+);
+
+$palettes-font-theme-cond: (
+  "palette-font-theme-cond-3xs": $token-font-theme-cond-3xs,
+  "palette-font-theme-cond-2xs": $token-font-theme-cond-2xs,
+  "palette-font-theme-cond-xs": $token-font-theme-cond-xs,
+  "palette-font-theme-cond-sm": $token-font-theme-cond-sm,
+  "palette-font-theme-cond-md": $token-font-theme-cond-md,
+  "palette-font-theme-cond-lg": $token-font-theme-cond-lg,
+  "palette-font-theme-cond-xl": $token-font-theme-cond-xl,
+  "palette-font-theme-cond-2xl": $token-font-theme-cond-2xl,
+  "palette-font-theme-cond-3xl": $token-font-theme-cond-3xl,
+  "palette-font-theme-cond": $tokens-font-theme-cond,
+);
+
+$token-font-theme-icon-3xs: (
+  icon-3xs: (
+    slug: "icon-3xs",
+    isReadable: true,
+    content: utility-font(icon, 3xs),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-2xs: (
+  icon-2xs: (
+    slug: "icon-2xs",
+    isReadable: true,
+    content: utility-font(icon, 2xs),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-xs: (
+  icon-xs: (
+    slug: "icon-xs",
+    isReadable: true,
+    content: utility-font(icon, xs),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-sm: (
+  icon-sm: (
+    slug: "icon-sm",
+    isReadable: true,
+    content: utility-font(icon, sm),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-md: (
+  icon-md: (
+    slug: "icon-md",
+    isReadable: true,
+    content: utility-font(icon, md),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-lg: (
+  icon-lg: (
+    slug: "icon-lg",
+    isReadable: true,
+    content: utility-font(icon, lg),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-xl: (
+  icon-xl: (
+    slug: "icon-xl",
+    isReadable: true,
+    content: utility-font(icon, xl),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-2xl: (
+  icon-2xl: (
+    slug: "icon-2xl",
+    isReadable: true,
+    content: utility-font(icon, 2xl),
+    dependency: $project-font-icon,
+  ),
+);
+
+$token-font-theme-icon-3xl: (
+  icon-3xl: (
+    slug: "icon-3xl",
+    isReadable: true,
+    content: utility-font(icon, 3xl),
+    dependency: $project-font-icon,
+  ),
+);
+
+$tokens-font-theme-icon: map-collect(
+  $token-font-theme-icon-3xs,
+  $token-font-theme-icon-2xs,
+  $token-font-theme-icon-xs,
+  $token-font-theme-icon-sm,
+  $token-font-theme-icon-md,
+  $token-font-theme-icon-lg,
+  $token-font-theme-icon-xl,
+  $token-font-theme-icon-2xl,
+  $token-font-theme-icon-3xl
+);
+
+$palettes-font-theme-icon: (
+  "palette-font-theme-icon-3xs": $token-font-theme-icon-3xs,
+  "palette-font-theme-icon-2xs": $token-font-theme-icon-2xs,
+  "palette-font-theme-icon-xs": $token-font-theme-icon-xs,
+  "palette-font-theme-icon-sm": $token-font-theme-icon-sm,
+  "palette-font-theme-icon-md": $token-font-theme-icon-md,
+  "palette-font-theme-icon-lg": $token-font-theme-icon-lg,
+  "palette-font-theme-icon-xl": $token-font-theme-icon-xl,
+  "palette-font-theme-icon-2xl": $token-font-theme-icon-2xl,
+  "palette-font-theme-icon-3xl": $token-font-theme-icon-3xl,
+  "palette-font-theme-icon": $tokens-font-theme-icon,
+);
+
+$token-font-theme-lang-3xs: (
+  lang-3xs: (
+    slug: "lang-3xs",
+    isReadable: true,
+    content: utility-font(lang, 3xs),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-2xs: (
+  lang-2xs: (
+    slug: "lang-2xs",
+    isReadable: true,
+    content: utility-font(lang, 2xs),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-xs: (
+  lang-xs: (
+    slug: "lang-xs",
+    isReadable: true,
+    content: utility-font(lang, xs),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-sm: (
+  lang-sm: (
+    slug: "lang-sm",
+    isReadable: true,
+    content: utility-font(lang, sm),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-md: (
+  lang-md: (
+    slug: "lang-md",
+    isReadable: true,
+    content: utility-font(lang, md),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-lg: (
+  lang-lg: (
+    slug: "lang-lg",
+    isReadable: true,
+    content: utility-font(lang, lg),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-xl: (
+  lang-xl: (
+    slug: "lang-xl",
+    isReadable: true,
+    content: utility-font(lang, xl),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-2xl: (
+  lang-2xl: (
+    slug: "lang-2xl",
+    isReadable: true,
+    content: utility-font(lang, 2xl),
+    dependency: $project-font-lang,
+  ),
+);
+
+$token-font-theme-lang-3xl: (
+  lang-3xl: (
+    slug: "lang-3xl",
+    isReadable: true,
+    content: utility-font(lang, 3xl),
+    dependency: $project-font-lang,
+  ),
+);
+
+$tokens-font-theme-lang: map-collect(
+  $token-font-theme-lang-3xs,
+  $token-font-theme-lang-2xs,
+  $token-font-theme-lang-xs,
+  $token-font-theme-lang-sm,
+  $token-font-theme-lang-md,
+  $token-font-theme-lang-lg,
+  $token-font-theme-lang-xl,
+  $token-font-theme-lang-2xl,
+  $token-font-theme-lang-3xl
+);
+
+$palettes-font-theme-lang: (
+  "palette-font-theme-lang-3xs": $token-font-theme-lang-3xs,
+  "palette-font-theme-lang-2xs": $token-font-theme-lang-2xs,
+  "palette-font-theme-lang-xs": $token-font-theme-lang-xs,
+  "palette-font-theme-lang-sm": $token-font-theme-lang-sm,
+  "palette-font-theme-lang-md": $token-font-theme-lang-md,
+  "palette-font-theme-lang-lg": $token-font-theme-lang-lg,
+  "palette-font-theme-lang-xl": $token-font-theme-lang-xl,
+  "palette-font-theme-lang-2xl": $token-font-theme-lang-2xl,
+  "palette-font-theme-lang-3xl": $token-font-theme-lang-3xl,
+  "palette-font-theme-lang": $tokens-font-theme-lang,
+);
+
+$token-font-theme-mono-3xs: (
+  mono-3xs: (
+    slug: "mono-3xs",
+    isReadable: true,
+    content: utility-font(mono, 3xs),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-2xs: (
+  mono-2xs: (
+    slug: "mono-2xs",
+    isReadable: true,
+    content: utility-font(mono, 2xs),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-xs: (
+  mono-xs: (
+    slug: "mono-xs",
+    isReadable: true,
+    content: utility-font(mono, xs),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-sm: (
+  mono-sm: (
+    slug: "mono-sm",
+    isReadable: true,
+    content: utility-font(mono, sm),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-md: (
+  mono-md: (
+    slug: "mono-md",
+    isReadable: true,
+    content: utility-font(mono, md),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-lg: (
+  mono-lg: (
+    slug: "mono-lg",
+    isReadable: true,
+    content: utility-font(mono, lg),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-xl: (
+  mono-xl: (
+    slug: "mono-xl",
+    isReadable: true,
+    content: utility-font(mono, xl),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-2xl: (
+  mono-2xl: (
+    slug: "mono-2xl",
+    isReadable: true,
+    content: utility-font(mono, 2xl),
+    dependency: $project-font-mono,
+  ),
+);
+
+$token-font-theme-mono-3xl: (
+  mono-3xl: (
+    slug: "mono-3xl",
+    isReadable: true,
+    content: utility-font(mono, 3xl),
+    dependency: $project-font-mono,
+  ),
+);
+
+$tokens-font-theme-mono: map-collect(
+  $token-font-theme-mono-3xs,
+  $token-font-theme-mono-2xs,
+  $token-font-theme-mono-xs,
+  $token-font-theme-mono-sm,
+  $token-font-theme-mono-md,
+  $token-font-theme-mono-lg,
+  $token-font-theme-mono-xl,
+  $token-font-theme-mono-2xl,
+  $token-font-theme-mono-3xl
+);
+
+$palettes-font-theme-mono: (
+  "palette-font-theme-mono-3xs": $token-font-theme-mono-3xs,
+  "palette-font-theme-mono-2xs": $token-font-theme-mono-2xs,
+  "palette-font-theme-mono-xs": $token-font-theme-mono-xs,
+  "palette-font-theme-mono-sm": $token-font-theme-mono-sm,
+  "palette-font-theme-mono-md": $token-font-theme-mono-md,
+  "palette-font-theme-mono-lg": $token-font-theme-mono-lg,
+  "palette-font-theme-mono-xl": $token-font-theme-mono-xl,
+  "palette-font-theme-mono-2xl": $token-font-theme-mono-2xl,
+  "palette-font-theme-mono-3xl": $token-font-theme-mono-3xl,
+  "palette-font-theme-mono": $tokens-font-theme-mono,
+);
+
+$token-font-theme-sans-3xs: (
+  sans-3xs: (
+    slug: "sans-3xs",
+    isReadable: true,
+    content: utility-font(sans, 3xs),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-2xs: (
+  sans-2xs: (
+    slug: "sans-2xs",
+    isReadable: true,
+    content: utility-font(sans, 2xs),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-xs: (
+  sans-xs: (
+    slug: "sans-xs",
+    isReadable: true,
+    content: utility-font(sans, xs),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-sm: (
+  sans-sm: (
+    slug: "sans-sm",
+    isReadable: true,
+    content: utility-font(sans, sm),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-md: (
+  sans-md: (
+    slug: "sans-md",
+    isReadable: true,
+    content: utility-font(sans, md),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-lg: (
+  sans-lg: (
+    slug: "sans-lg",
+    isReadable: true,
+    content: utility-font(sans, lg),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-xl: (
+  sans-xl: (
+    slug: "sans-xl",
+    isReadable: true,
+    content: utility-font(sans, xl),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-2xl: (
+  sans-2xl: (
+    slug: "sans-2xl",
+    isReadable: true,
+    content: utility-font(sans, 2xl),
+    dependency: $project-font-sans,
+  ),
+);
+
+$token-font-theme-sans-3xl: (
+  sans-3xl: (
+    slug: "sans-3xl",
+    isReadable: true,
+    content: utility-font(sans, 3xl),
+    dependency: $project-font-sans,
+  ),
+);
+
+$tokens-font-theme-sans: map-collect(
+  $token-font-theme-sans-3xs,
+  $token-font-theme-sans-2xs,
+  $token-font-theme-sans-xs,
+  $token-font-theme-sans-sm,
+  $token-font-theme-sans-md,
+  $token-font-theme-sans-lg,
+  $token-font-theme-sans-xl,
+  $token-font-theme-sans-2xl,
+  $token-font-theme-sans-3xl
+);
+
+$palettes-font-theme-sans: (
+  "palette-font-theme-sans-3xs": $token-font-theme-sans-3xs,
+  "palette-font-theme-sans-2xs": $token-font-theme-sans-2xs,
+  "palette-font-theme-sans-xs": $token-font-theme-sans-xs,
+  "palette-font-theme-sans-sm": $token-font-theme-sans-sm,
+  "palette-font-theme-sans-md": $token-font-theme-sans-md,
+  "palette-font-theme-sans-lg": $token-font-theme-sans-lg,
+  "palette-font-theme-sans-xl": $token-font-theme-sans-xl,
+  "palette-font-theme-sans-2xl": $token-font-theme-sans-2xl,
+  "palette-font-theme-sans-3xl": $token-font-theme-sans-3xl,
+  "palette-font-theme-sans": $tokens-font-theme-sans,
+);
+
+$token-font-theme-serif-3xs: (
+  serif-3xs: (
+    slug: "serif-3xs",
+    isReadable: true,
+    content: utility-font(serif, 3xs),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-2xs: (
+  serif-2xs: (
+    slug: "serif-2xs",
+    isReadable: true,
+    content: utility-font(serif, 2xs),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-xs: (
+  serif-xs: (
+    slug: "serif-xs",
+    isReadable: true,
+    content: utility-font(serif, xs),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-sm: (
+  serif-sm: (
+    slug: "serif-sm",
+    isReadable: true,
+    content: utility-font(serif, sm),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-md: (
+  serif-md: (
+    slug: "serif-md",
+    isReadable: true,
+    content: utility-font(serif, md),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-lg: (
+  serif-lg: (
+    slug: "serif-lg",
+    isReadable: true,
+    content: utility-font(serif, lg),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-xl: (
+  serif-xl: (
+    slug: "serif-xl",
+    isReadable: true,
+    content: utility-font(serif, xl),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-2xl: (
+  serif-2xl: (
+    slug: "serif-2xl",
+    isReadable: true,
+    content: utility-font(serif, 2xl),
+    dependency: $project-font-serif,
+  ),
+);
+
+$token-font-theme-serif-3xl: (
+  serif-3xl: (
+    slug: "serif-3xl",
+    isReadable: true,
+    content: utility-font(serif, 3xl),
+    dependency: $project-font-serif,
+  ),
+);
+
+$tokens-font-theme-serif: map-collect(
+  $token-font-theme-serif-3xs,
+  $token-font-theme-serif-2xs,
+  $token-font-theme-serif-xs,
+  $token-font-theme-serif-sm,
+  $token-font-theme-serif-md,
+  $token-font-theme-serif-lg,
+  $token-font-theme-serif-xl,
+  $token-font-theme-serif-2xl,
+  $token-font-theme-serif-3xl
+);
+
+$palettes-font-theme-serif: (
+  "palette-font-theme-serif-3xs": $token-font-theme-serif-3xs,
+  "palette-font-theme-serif-2xs": $token-font-theme-serif-2xs,
+  "palette-font-theme-serif-xs": $token-font-theme-serif-xs,
+  "palette-font-theme-serif-sm": $token-font-theme-serif-sm,
+  "palette-font-theme-serif-md": $token-font-theme-serif-md,
+  "palette-font-theme-serif-lg": $token-font-theme-serif-lg,
+  "palette-font-theme-serif-xl": $token-font-theme-serif-xl,
+  "palette-font-theme-serif-2xl": $token-font-theme-serif-2xl,
+  "palette-font-theme-serif-3xl": $token-font-theme-serif-3xl,
+  "palette-font-theme-serif": $tokens-font-theme-serif,
+);
+
+$palette-font-theme-types: (
+  "palette-font-theme-types":
+    map-collect(
+      $tokens-font-theme-cond,
+      $tokens-font-theme-icon,
+      $tokens-font-theme-lang,
+      $tokens-font-theme-mono,
+      $tokens-font-theme-sans,
+      $tokens-font-theme-serif
+    ),
+);
+
+$palettes-font-theme-types: map-collect(
+  $palettes-font-theme-cond,
+  $palettes-font-theme-icon,
+  $palettes-font-theme-lang,
+  $palettes-font-theme-sans,
+  $palettes-font-theme-serif,
+  $palettes-font-theme-mono,
+  $palette-font-theme-types
+);
+
+/*
+----------------------------------------
+role-based theme sizes
+----------------------------------------
+*/
+
+$token-font-theme-code-3xs: (
+  code-3xs: (
+    slug: "code-3xs",
+    isReadable: true,
+    content: utility-font(code, 3xs),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-2xs: (
+  code-2xs: (
+    slug: "code-2xs",
+    isReadable: true,
+    content: utility-font(code, 2xs),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-xs: (
+  code-xs: (
+    slug: "code-xs",
+    isReadable: true,
+    content: utility-font(code, xs),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-sm: (
+  code-sm: (
+    slug: "code-sm",
+    isReadable: true,
+    content: utility-font(code, sm),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-md: (
+  code-md: (
+    slug: "code-md",
+    isReadable: true,
+    content: utility-font(code, md),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-lg: (
+  code-lg: (
+    slug: "code-lg",
+    isReadable: true,
+    content: utility-font(code, lg),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-xl: (
+  code-xl: (
+    slug: "code-xl",
+    isReadable: true,
+    content: utility-font(code, xl),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-2xl: (
+  code-2xl: (
+    slug: "code-2xl",
+    isReadable: true,
+    content: utility-font(code, 2xl),
+    dependency: $project-font-code,
+  ),
+);
+
+$token-font-theme-code-3xl: (
+  code-3xl: (
+    slug: "code-3xl",
+    isReadable: true,
+    content: utility-font(code, 3xl),
+    dependency: $project-font-code,
+  ),
+);
+
+$tokens-font-theme-code: map-collect(
+  $token-font-theme-code-3xs,
+  $token-font-theme-code-2xs,
+  $token-font-theme-code-xs,
+  $token-font-theme-code-sm,
+  $token-font-theme-code-md,
+  $token-font-theme-code-lg,
+  $token-font-theme-code-xl,
+  $token-font-theme-code-2xl,
+  $token-font-theme-code-3xl
+);
+
+$palettes-font-theme-code: (
+  "palette-font-theme-code-3xs": $token-font-theme-code-3xs,
+  "palette-font-theme-code-2xs": $token-font-theme-code-2xs,
+  "palette-font-theme-code-xs": $token-font-theme-code-xs,
+  "palette-font-theme-code-sm": $token-font-theme-code-sm,
+  "palette-font-theme-code-md": $token-font-theme-code-md,
+  "palette-font-theme-code-lg": $token-font-theme-code-lg,
+  "palette-font-theme-code-xl": $token-font-theme-code-xl,
+  "palette-font-theme-code-2xl": $token-font-theme-code-2xl,
+  "palette-font-theme-code-3xl": $token-font-theme-code-3xl,
+  "palette-font-theme-code": $tokens-font-theme-code,
+);
+
+$token-font-theme-ui-3xs: (
+  ui-3xs: (
+    slug: "ui-3xs",
+    isReadable: true,
+    content: utility-font(ui, 3xs),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-2xs: (
+  ui-2xs: (
+    slug: "ui-2xs",
+    isReadable: true,
+    content: utility-font(ui, 2xs),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-xs: (
+  ui-xs: (
+    slug: "ui-xs",
+    isReadable: true,
+    content: utility-font(ui, xs),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-sm: (
+  ui-sm: (
+    slug: "ui-sm",
+    isReadable: true,
+    content: utility-font(ui, sm),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-md: (
+  ui-md: (
+    slug: "ui-md",
+    isReadable: true,
+    content: utility-font(ui, md),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-lg: (
+  ui-lg: (
+    slug: "ui-lg",
+    isReadable: true,
+    content: utility-font(ui, lg),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-xl: (
+  ui-xl: (
+    slug: "ui-xl",
+    isReadable: true,
+    content: utility-font(ui, xl),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-2xl: (
+  ui-2xl: (
+    slug: "ui-2xl",
+    isReadable: true,
+    content: utility-font(ui, 2xl),
+    dependency: $project-font-ui,
+  ),
+);
+
+$token-font-theme-ui-3xl: (
+  ui-3xl: (
+    slug: "ui-3xl",
+    isReadable: true,
+    content: utility-font(ui, 3xl),
+    dependency: $project-font-ui,
+  ),
+);
+
+$tokens-font-theme-ui: map-collect(
+  $token-font-theme-ui-3xs,
+  $token-font-theme-ui-2xs,
+  $token-font-theme-ui-xs,
+  $token-font-theme-ui-sm,
+  $token-font-theme-ui-md,
+  $token-font-theme-ui-lg,
+  $token-font-theme-ui-xl,
+  $token-font-theme-ui-2xl,
+  $token-font-theme-ui-3xl
+);
+
+$palettes-font-theme-ui: (
+  "palette-font-theme-ui-3xs": $token-font-theme-ui-3xs,
+  "palette-font-theme-ui-2xs": $token-font-theme-ui-2xs,
+  "palette-font-theme-ui-xs": $token-font-theme-ui-xs,
+  "palette-font-theme-ui-sm": $token-font-theme-ui-sm,
+  "palette-font-theme-ui-md": $token-font-theme-ui-md,
+  "palette-font-theme-ui-lg": $token-font-theme-ui-lg,
+  "palette-font-theme-ui-xl": $token-font-theme-ui-xl,
+  "palette-font-theme-ui-2xl": $token-font-theme-ui-2xl,
+  "palette-font-theme-ui-3xl": $token-font-theme-ui-3xl,
+  "palette-font-theme-ui": $tokens-font-theme-ui,
+);
+
+$token-font-theme-heading-3xs: (
+  heading-3xs: (
+    slug: "heading-3xs",
+    isReadable: true,
+    content: utility-font(heading, 3xs),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-2xs: (
+  heading-2xs: (
+    slug: "heading-2xs",
+    isReadable: true,
+    content: utility-font(heading, 2xs),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-xs: (
+  heading-xs: (
+    slug: "heading-xs",
+    isReadable: true,
+    content: utility-font(heading, xs),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-sm: (
+  heading-sm: (
+    slug: "heading-sm",
+    isReadable: true,
+    content: utility-font(heading, sm),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-md: (
+  heading-md: (
+    slug: "heading-md",
+    isReadable: true,
+    content: utility-font(heading, md),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-lg: (
+  heading-lg: (
+    slug: "heading-lg",
+    isReadable: true,
+    content: utility-font(heading, lg),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-xl: (
+  heading-xl: (
+    slug: "heading-xl",
+    isReadable: true,
+    content: utility-font(heading, xl),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-2xl: (
+  heading-2xl: (
+    slug: "heading-2xl",
+    isReadable: true,
+    content: utility-font(heading, 2xl),
+    dependency: $project-font-heading,
+  ),
+);
+
+$token-font-theme-heading-3xl: (
+  heading-3xl: (
+    slug: "heading-3xl",
+    isReadable: true,
+    content: utility-font(heading, 3xl),
+    dependency: $project-font-heading,
+  ),
+);
+
+$tokens-font-theme-heading: map-collect(
+  $token-font-theme-heading-3xs,
+  $token-font-theme-heading-2xs,
+  $token-font-theme-heading-xs,
+  $token-font-theme-heading-sm,
+  $token-font-theme-heading-md,
+  $token-font-theme-heading-lg,
+  $token-font-theme-heading-xl,
+  $token-font-theme-heading-2xl,
+  $token-font-theme-heading-3xl
+);
+
+$palettes-font-theme-heading: (
+  "palette-font-theme-heading-3xs": $token-font-theme-heading-3xs,
+  "palette-font-theme-heading-2xs": $token-font-theme-heading-2xs,
+  "palette-font-theme-heading-xs": $token-font-theme-heading-xs,
+  "palette-font-theme-heading-sm": $token-font-theme-heading-sm,
+  "palette-font-theme-heading-md": $token-font-theme-heading-md,
+  "palette-font-theme-heading-lg": $token-font-theme-heading-lg,
+  "palette-font-theme-heading-xl": $token-font-theme-heading-xl,
+  "palette-font-theme-heading-2xl": $token-font-theme-heading-2xl,
+  "palette-font-theme-heading-3xl": $token-font-theme-heading-3xl,
+  "palette-font-theme-heading": $tokens-font-theme-heading,
+);
+
+$token-font-theme-body-3xs: (
+  body-3xs: (
+    slug: "body-3xs",
+    isReadable: true,
+    content: utility-font(body, 3xs),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-2xs: (
+  body-2xs: (
+    slug: "body-2xs",
+    isReadable: true,
+    content: utility-font(body, 2xs),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-xs: (
+  body-xs: (
+    slug: "body-xs",
+    isReadable: true,
+    content: utility-font(body, xs),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-sm: (
+  body-sm: (
+    slug: "body-sm",
+    isReadable: true,
+    content: utility-font(body, sm),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-md: (
+  body-md: (
+    slug: "body-md",
+    isReadable: true,
+    content: utility-font(body, md),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-lg: (
+  body-lg: (
+    slug: "body-lg",
+    isReadable: true,
+    content: utility-font(body, lg),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-xl: (
+  body-xl: (
+    slug: "body-xl",
+    isReadable: true,
+    content: utility-font(body, xl),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-2xl: (
+  body-2xl: (
+    slug: "body-2xl",
+    isReadable: true,
+    content: utility-font(body, 2xl),
+    dependency: $project-font-body,
+  ),
+);
+
+$token-font-theme-body-3xl: (
+  body-3xl: (
+    slug: "body-3xl",
+    isReadable: true,
+    content: utility-font(body, 3xl),
+    dependency: $project-font-body,
+  ),
+);
+
+$tokens-font-theme-body: map-collect(
+  $token-font-theme-body-3xs,
+  $token-font-theme-body-2xs,
+  $token-font-theme-body-xs,
+  $token-font-theme-body-sm,
+  $token-font-theme-body-md,
+  $token-font-theme-body-lg,
+  $token-font-theme-body-xl,
+  $token-font-theme-body-2xl,
+  $token-font-theme-body-3xl
+);
+
+$palettes-font-theme-body: (
+  "palette-font-theme-body-3xs": $token-font-theme-body-3xs,
+  "palette-font-theme-body-2xs": $token-font-theme-body-2xs,
+  "palette-font-theme-body-xs": $token-font-theme-body-xs,
+  "palette-font-theme-body-sm": $token-font-theme-body-sm,
+  "palette-font-theme-body-md": $token-font-theme-body-md,
+  "palette-font-theme-body-lg": $token-font-theme-body-lg,
+  "palette-font-theme-body-xl": $token-font-theme-body-xl,
+  "palette-font-theme-body-2xl": $token-font-theme-body-2xl,
+  "palette-font-theme-body-3xl": $token-font-theme-body-3xl,
+  "palette-font-theme-body": $tokens-font-theme-body,
+);
+
+$token-font-theme-alt-3xs: (
+  alt-3xs: (
+    slug: "alt-3xs",
+    isReadable: true,
+    content: utility-font(alt, 3xs),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-2xs: (
+  alt-2xs: (
+    slug: "alt-2xs",
+    isReadable: true,
+    content: utility-font(alt, 2xs),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-xs: (
+  alt-xs: (
+    slug: "alt-xs",
+    isReadable: true,
+    content: utility-font(alt, xs),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-sm: (
+  alt-sm: (
+    slug: "alt-sm",
+    isReadable: true,
+    content: utility-font(alt, sm),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-md: (
+  alt-md: (
+    slug: "alt-md",
+    isReadable: true,
+    content: utility-font(alt, md),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-lg: (
+  alt-lg: (
+    slug: "alt-lg",
+    isReadable: true,
+    content: utility-font(alt, lg),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-xl: (
+  alt-xl: (
+    slug: "alt-xl",
+    isReadable: true,
+    content: utility-font(alt, xl),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-2xl: (
+  alt-2xl: (
+    slug: "alt-2xl",
+    isReadable: true,
+    content: utility-font(alt, 2xl),
+    dependency: $project-font-alt,
+  ),
+);
+
+$token-font-theme-alt-3xl: (
+  alt-3xl: (
+    slug: "alt-3xl",
+    isReadable: true,
+    content: utility-font(alt, 3xl),
+    dependency: $project-font-alt,
+  ),
+);
+
+$tokens-font-theme-alt: map-collect(
+  $token-font-theme-alt-3xs,
+  $token-font-theme-alt-2xs,
+  $token-font-theme-alt-xs,
+  $token-font-theme-alt-sm,
+  $token-font-theme-alt-md,
+  $token-font-theme-alt-lg,
+  $token-font-theme-alt-xl,
+  $token-font-theme-alt-2xl,
+  $token-font-theme-alt-3xl
+);
+
+$palettes-font-theme-alt: (
+  "palette-font-theme-alt-3xs": $token-font-theme-alt-3xs,
+  "palette-font-theme-alt-2xs": $token-font-theme-alt-2xs,
+  "palette-font-theme-alt-xs": $token-font-theme-alt-xs,
+  "palette-font-theme-alt-sm": $token-font-theme-alt-sm,
+  "palette-font-theme-alt-md": $token-font-theme-alt-md,
+  "palette-font-theme-alt-lg": $token-font-theme-alt-lg,
+  "palette-font-theme-alt-xl": $token-font-theme-alt-xl,
+  "palette-font-theme-alt-2xl": $token-font-theme-alt-2xl,
+  "palette-font-theme-alt-3xl": $token-font-theme-alt-3xl,
+  "palette-font-theme-alt": $tokens-font-theme-alt,
+);
+
+$palette-font-theme-roles: (
+  "palette-font-theme-roles":
+    map-collect(
+      $tokens-font-theme-code,
+      $tokens-font-theme-ui,
+      $tokens-font-theme-heading,
+      $tokens-font-theme-body,
+      $tokens-font-theme-alt
+    ),
+);
+
+$palettes-font-theme-roles: map-collect(
+  $palettes-font-theme-heading,
+  $palettes-font-theme-body,
+  $palettes-font-theme-code,
+  $palettes-font-theme-alt,
+  $palettes-font-theme-ui,
+  $palette-font-theme-roles
+);
+
+$tokens-font-theme: map-collect(
+  $tokens-font-theme-cond,
+  $tokens-font-theme-icon,
+  $tokens-font-theme-lang,
+  $tokens-font-theme-mono,
+  $tokens-font-theme-sans,
+  $tokens-font-theme-serif,
+  $tokens-font-theme-heading,
+  $tokens-font-theme-body,
+  $tokens-font-theme-code,
+  $tokens-font-theme-alt,
+  $tokens-font-theme-ui
+);
+
+$palette-font-theme: (
+  "palette-font-theme": $tokens-font-theme,
+);
+
+$palettes-font-theme: map-collect(
+  $palettes-font-theme-roles,
+  $palettes-font-theme-types,
+  $palette-font-theme
+);
+
+/*
+----------------------------------------
+system font sizes
+----------------------------------------
+*/
+
+$token-font-system-cond-micro: (
+  cond-micro: (
+    slug: "cond-micro",
+    isReadable: true,
+    content: utility-font(cond, "micro"),
+  ),
+);
+
+$token-font-system-cond-1: (
+  cond-1: (
+    slug: "cond-1",
+    isReadable: true,
+    content: utility-font(cond, 1),
+  ),
+);
+
+$token-font-system-cond-2: (
+  cond-2: (
+    slug: "cond-2",
+    isReadable: true,
+    content: utility-font(cond, 2),
+  ),
+);
+
+$token-font-system-cond-3: (
+  cond-3: (
+    slug: "cond-3",
+    isReadable: true,
+    content: utility-font(cond, 3),
+  ),
+);
+
+$token-font-system-cond-4: (
+  cond-4: (
+    slug: "cond-4",
+    isReadable: true,
+    content: utility-font(cond, 4),
+  ),
+);
+
+$token-font-system-cond-5: (
+  cond-5: (
+    slug: "cond-5",
+    isReadable: true,
+    content: utility-font(cond, 5),
+  ),
+);
+
+$token-font-system-cond-6: (
+  cond-6: (
+    slug: "cond-6",
+    isReadable: true,
+    content: utility-font(cond, 6),
+  ),
+);
+
+$token-font-system-cond-7: (
+  cond-7: (
+    slug: "cond-7",
+    isReadable: true,
+    content: utility-font(cond, 7),
+  ),
+);
+
+$token-font-system-cond-8: (
+  cond-8: (
+    slug: "cond-8",
+    isReadable: true,
+    content: utility-font(cond, 8),
+  ),
+);
+
+$token-font-system-cond-9: (
+  cond-9: (
+    slug: "cond-9",
+    isReadable: true,
+    content: utility-font(cond, 9),
+  ),
+);
+
+$token-font-system-cond-10: (
+  cond-10: (
+    slug: "cond-10",
+    isReadable: true,
+    content: utility-font(cond, 10),
+  ),
+);
+
+$token-font-system-cond-11: (
+  cond-11: (
+    slug: "cond-11",
+    isReadable: true,
+    content: utility-font(cond, 11),
+  ),
+);
+
+$token-font-system-cond-12: (
+  cond-12: (
+    slug: "cond-12",
+    isReadable: true,
+    content: utility-font(cond, 12),
+  ),
+);
+
+$token-font-system-cond-13: (
+  cond-13: (
+    slug: "cond-13",
+    isReadable: true,
+    content: utility-font(cond, 13),
+  ),
+);
+
+$token-font-system-cond-14: (
+  cond-14: (
+    slug: "cond-14",
+    isReadable: true,
+    content: utility-font(cond, 14),
+  ),
+);
+
+$token-font-system-cond-15: (
+  cond-15: (
+    slug: "cond-15",
+    isReadable: true,
+    content: utility-font(cond, 15),
+  ),
+);
+
+$token-font-system-cond-16: (
+  cond-16: (
+    slug: "cond-16",
+    isReadable: true,
+    content: utility-font(cond, 16),
+  ),
+);
+
+$token-font-system-cond-17: (
+  cond-17: (
+    slug: "cond-17",
+    isReadable: true,
+    content: utility-font(cond, 17),
+  ),
+);
+
+$token-font-system-cond-18: (
+  cond-18: (
+    slug: "cond-18",
+    isReadable: true,
+    content: utility-font(cond, 18),
+  ),
+);
+
+$token-font-system-cond-19: (
+  cond-19: (
+    slug: "cond-19",
+    isReadable: true,
+    content: utility-font(cond, 19),
+  ),
+);
+
+$token-font-system-cond-20: (
+  cond-20: (
+    slug: "cond-20",
+    isReadable: true,
+    content: utility-font(cond, 20),
+  ),
+);
+
+$tokens-font-system-cond-small: map-collect(
+  $token-font-system-cond-micro,
+  $token-font-system-cond-1,
+  $token-font-system-cond-2,
+  $token-font-system-cond-3
+);
+
+$tokens-font-system-cond-medium: map-collect(
+  $token-font-system-cond-4,
+  $token-font-system-cond-5,
+  $token-font-system-cond-6,
+  $token-font-system-cond-7,
+  $token-font-system-cond-8
+);
+
+$tokens-font-system-cond-large: map-collect(
+  $token-font-system-cond-9,
+  $token-font-system-cond-10,
+  $token-font-system-cond-11,
+  $token-font-system-cond-12,
+  $token-font-system-cond-13,
+  $token-font-system-cond-14
+);
+
+$tokens-font-system-cond-larger: map-collect(
+  $token-font-system-cond-15,
+  $token-font-system-cond-16,
+  $token-font-system-cond-17,
+  $token-font-system-cond-18,
+  $token-font-system-cond-19,
+  $token-font-system-cond-20
+);
+
+$tokens-font-system-cond: map-collect(
+  $tokens-font-system-cond-small,
+  $tokens-font-system-cond-medium,
+  $tokens-font-system-cond-large,
+  $tokens-font-system-cond-larger
+);
+
+$token-font-system-icon-micro: (
+  icon-micro: (
+    slug: "icon-micro",
+    isReadable: true,
+    content: utility-font(icon, "micro"),
+  ),
+);
+
+$token-font-system-icon-1: (
+  icon-1: (
+    slug: "icon-1",
+    isReadable: true,
+    content: utility-font(icon, 1),
+  ),
+);
+
+$token-font-system-icon-2: (
+  icon-2: (
+    slug: "icon-2",
+    isReadable: true,
+    content: utility-font(icon, 2),
+  ),
+);
+
+$token-font-system-icon-3: (
+  icon-3: (
+    slug: "icon-3",
+    isReadable: true,
+    content: utility-font(icon, 3),
+  ),
+);
+
+$token-font-system-icon-4: (
+  icon-4: (
+    slug: "icon-4",
+    isReadable: true,
+    content: utility-font(icon, 4),
+  ),
+);
+
+$token-font-system-icon-5: (
+  icon-5: (
+    slug: "icon-5",
+    isReadable: true,
+    content: utility-font(icon, 5),
+  ),
+);
+
+$token-font-system-icon-6: (
+  icon-6: (
+    slug: "icon-6",
+    isReadable: true,
+    content: utility-font(icon, 6),
+  ),
+);
+
+$token-font-system-icon-7: (
+  icon-7: (
+    slug: "icon-7",
+    isReadable: true,
+    content: utility-font(icon, 7),
+  ),
+);
+
+$token-font-system-icon-8: (
+  icon-8: (
+    slug: "icon-8",
+    isReadable: true,
+    content: utility-font(icon, 8),
+  ),
+);
+
+$token-font-system-icon-9: (
+  icon-9: (
+    slug: "icon-9",
+    isReadable: true,
+    content: utility-font(icon, 9),
+  ),
+);
+
+$token-font-system-icon-10: (
+  icon-10: (
+    slug: "icon-10",
+    isReadable: true,
+    content: utility-font(icon, 10),
+  ),
+);
+
+$token-font-system-icon-11: (
+  icon-11: (
+    slug: "icon-11",
+    isReadable: true,
+    content: utility-font(icon, 11),
+  ),
+);
+
+$token-font-system-icon-12: (
+  icon-12: (
+    slug: "icon-12",
+    isReadable: true,
+    content: utility-font(icon, 12),
+  ),
+);
+
+$token-font-system-icon-13: (
+  icon-13: (
+    slug: "icon-13",
+    isReadable: true,
+    content: utility-font(icon, 13),
+  ),
+);
+
+$token-font-system-icon-14: (
+  icon-14: (
+    slug: "icon-14",
+    isReadable: true,
+    content: utility-font(icon, 14),
+  ),
+);
+
+$token-font-system-icon-15: (
+  icon-15: (
+    slug: "icon-15",
+    isReadable: true,
+    content: utility-font(icon, 15),
+  ),
+);
+
+$token-font-system-icon-16: (
+  icon-16: (
+    slug: "icon-16",
+    isReadable: true,
+    content: utility-font(icon, 16),
+  ),
+);
+
+$token-font-system-icon-17: (
+  icon-17: (
+    slug: "icon-17",
+    isReadable: true,
+    content: utility-font(icon, 17),
+  ),
+);
+
+$token-font-system-icon-18: (
+  icon-18: (
+    slug: "icon-18",
+    isReadable: true,
+    content: utility-font(icon, 18),
+  ),
+);
+
+$token-font-system-icon-19: (
+  icon-19: (
+    slug: "icon-19",
+    isReadable: true,
+    content: utility-font(icon, 19),
+  ),
+);
+
+$token-font-system-icon-20: (
+  icon-20: (
+    slug: "icon-20",
+    isReadable: true,
+    content: utility-font(icon, 20),
+  ),
+);
+
+$tokens-font-system-icon-small: map-collect(
+  $token-font-system-icon-micro,
+  $token-font-system-icon-1,
+  $token-font-system-icon-2,
+  $token-font-system-icon-3
+);
+
+$tokens-font-system-icon-medium: map-collect(
+  $token-font-system-icon-4,
+  $token-font-system-icon-5,
+  $token-font-system-icon-6,
+  $token-font-system-icon-7,
+  $token-font-system-icon-8
+);
+
+$tokens-font-system-icon-large: map-collect(
+  $token-font-system-icon-9,
+  $token-font-system-icon-10,
+  $token-font-system-icon-11,
+  $token-font-system-icon-12,
+  $token-font-system-icon-13,
+  $token-font-system-icon-14
+);
+
+$tokens-font-system-icon-larger: map-collect(
+  $token-font-system-icon-15,
+  $token-font-system-icon-16,
+  $token-font-system-icon-17,
+  $token-font-system-icon-18,
+  $token-font-system-icon-19,
+  $token-font-system-icon-20
+);
+
+$tokens-font-system-icon: map-collect(
+  $tokens-font-system-icon-small,
+  $tokens-font-system-icon-medium,
+  $tokens-font-system-icon-large,
+  $tokens-font-system-icon-larger
+);
+
+$token-font-system-lang-micro: (
+  lang-micro: (
+    slug: "lang-micro",
+    isReadable: true,
+    content: utility-font(lang, "micro"),
+  ),
+);
+
+$token-font-system-lang-1: (
+  lang-1: (
+    slug: "lang-1",
+    isReadable: true,
+    content: utility-font(lang, 1),
+  ),
+);
+
+$token-font-system-lang-2: (
+  lang-2: (
+    slug: "lang-2",
+    isReadable: true,
+    content: utility-font(lang, 2),
+  ),
+);
+
+$token-font-system-lang-3: (
+  lang-3: (
+    slug: "lang-3",
+    isReadable: true,
+    content: utility-font(lang, 3),
+  ),
+);
+
+$token-font-system-lang-4: (
+  lang-4: (
+    slug: "lang-4",
+    isReadable: true,
+    content: utility-font(lang, 4),
+  ),
+);
+
+$token-font-system-lang-5: (
+  lang-5: (
+    slug: "lang-5",
+    isReadable: true,
+    content: utility-font(lang, 5),
+  ),
+);
+
+$token-font-system-lang-6: (
+  lang-6: (
+    slug: "lang-6",
+    isReadable: true,
+    content: utility-font(lang, 6),
+  ),
+);
+
+$token-font-system-lang-7: (
+  lang-7: (
+    slug: "lang-7",
+    isReadable: true,
+    content: utility-font(lang, 7),
+  ),
+);
+
+$token-font-system-lang-8: (
+  lang-8: (
+    slug: "lang-8",
+    isReadable: true,
+    content: utility-font(lang, 8),
+  ),
+);
+
+$token-font-system-lang-9: (
+  lang-9: (
+    slug: "lang-9",
+    isReadable: true,
+    content: utility-font(lang, 9),
+  ),
+);
+
+$token-font-system-lang-10: (
+  lang-10: (
+    slug: "lang-10",
+    isReadable: true,
+    content: utility-font(lang, 10),
+  ),
+);
+
+$token-font-system-lang-11: (
+  lang-11: (
+    slug: "lang-11",
+    isReadable: true,
+    content: utility-font(lang, 11),
+  ),
+);
+
+$token-font-system-lang-12: (
+  lang-12: (
+    slug: "lang-12",
+    isReadable: true,
+    content: utility-font(lang, 12),
+  ),
+);
+
+$token-font-system-lang-13: (
+  lang-13: (
+    slug: "lang-13",
+    isReadable: true,
+    content: utility-font(lang, 13),
+  ),
+);
+
+$token-font-system-lang-14: (
+  lang-14: (
+    slug: "lang-14",
+    isReadable: true,
+    content: utility-font(lang, 14),
+  ),
+);
+
+$token-font-system-lang-15: (
+  lang-15: (
+    slug: "lang-15",
+    isReadable: true,
+    content: utility-font(lang, 15),
+  ),
+);
+
+$token-font-system-lang-16: (
+  lang-16: (
+    slug: "lang-16",
+    isReadable: true,
+    content: utility-font(lang, 16),
+  ),
+);
+
+$token-font-system-lang-17: (
+  lang-17: (
+    slug: "lang-17",
+    isReadable: true,
+    content: utility-font(lang, 17),
+  ),
+);
+
+$token-font-system-lang-18: (
+  lang-18: (
+    slug: "lang-18",
+    isReadable: true,
+    content: utility-font(lang, 18),
+  ),
+);
+
+$token-font-system-lang-19: (
+  lang-19: (
+    slug: "lang-19",
+    isReadable: true,
+    content: utility-font(lang, 19),
+  ),
+);
+
+$token-font-system-lang-20: (
+  lang-20: (
+    slug: "lang-20",
+    isReadable: true,
+    content: utility-font(lang, 20),
+  ),
+);
+
+$tokens-font-system-lang-small: map-collect(
+  $token-font-system-lang-micro,
+  $token-font-system-lang-1,
+  $token-font-system-lang-2,
+  $token-font-system-lang-3
+);
+
+$tokens-font-system-lang-medium: map-collect(
+  $token-font-system-lang-4,
+  $token-font-system-lang-5,
+  $token-font-system-lang-6,
+  $token-font-system-lang-7,
+  $token-font-system-lang-8
+);
+
+$tokens-font-system-lang-large: map-collect(
+  $token-font-system-lang-9,
+  $token-font-system-lang-10,
+  $token-font-system-lang-11,
+  $token-font-system-lang-12,
+  $token-font-system-lang-13,
+  $token-font-system-lang-14
+);
+
+$tokens-font-system-lang-larger: map-collect(
+  $token-font-system-lang-15,
+  $token-font-system-lang-16,
+  $token-font-system-lang-17,
+  $token-font-system-lang-18,
+  $token-font-system-lang-19,
+  $token-font-system-lang-20
+);
+
+$tokens-font-system-lang: map-collect(
+  $tokens-font-system-lang-small,
+  $tokens-font-system-lang-medium,
+  $tokens-font-system-lang-large,
+  $tokens-font-system-lang-larger
+);
+
+$token-font-system-mono-micro: (
+  mono-micro: (
+    slug: "mono-micro",
+    isReadable: true,
+    content: utility-font(mono, "micro"),
+  ),
+);
+
+$token-font-system-mono-1: (
+  mono-1: (
+    slug: "mono-1",
+    isReadable: true,
+    content: utility-font(mono, 1),
+  ),
+);
+
+$token-font-system-mono-2: (
+  mono-2: (
+    slug: "mono-2",
+    isReadable: true,
+    content: utility-font(mono, 2),
+  ),
+);
+
+$token-font-system-mono-3: (
+  mono-3: (
+    slug: "mono-3",
+    isReadable: true,
+    content: utility-font(mono, 3),
+  ),
+);
+
+$token-font-system-mono-4: (
+  mono-4: (
+    slug: "mono-4",
+    isReadable: true,
+    content: utility-font(mono, 4),
+  ),
+);
+
+$token-font-system-mono-5: (
+  mono-5: (
+    slug: "mono-5",
+    isReadable: true,
+    content: utility-font(mono, 5),
+  ),
+);
+
+$token-font-system-mono-6: (
+  mono-6: (
+    slug: "mono-6",
+    isReadable: true,
+    content: utility-font(mono, 6),
+  ),
+);
+
+$token-font-system-mono-7: (
+  mono-7: (
+    slug: "mono-7",
+    isReadable: true,
+    content: utility-font(mono, 7),
+  ),
+);
+
+$token-font-system-mono-8: (
+  mono-8: (
+    slug: "mono-8",
+    isReadable: true,
+    content: utility-font(mono, 8),
+  ),
+);
+
+$token-font-system-mono-9: (
+  mono-9: (
+    slug: "mono-9",
+    isReadable: true,
+    content: utility-font(mono, 9),
+  ),
+);
+
+$token-font-system-mono-10: (
+  mono-10: (
+    slug: "mono-10",
+    isReadable: true,
+    content: utility-font(mono, 10),
+  ),
+);
+
+$token-font-system-mono-11: (
+  mono-11: (
+    slug: "mono-11",
+    isReadable: true,
+    content: utility-font(mono, 11),
+  ),
+);
+
+$token-font-system-mono-12: (
+  mono-12: (
+    slug: "mono-12",
+    isReadable: true,
+    content: utility-font(mono, 12),
+  ),
+);
+
+$token-font-system-mono-13: (
+  mono-13: (
+    slug: "mono-13",
+    isReadable: true,
+    content: utility-font(mono, 13),
+  ),
+);
+
+$token-font-system-mono-14: (
+  mono-14: (
+    slug: "mono-14",
+    isReadable: true,
+    content: utility-font(mono, 14),
+  ),
+);
+
+$token-font-system-mono-15: (
+  mono-15: (
+    slug: "mono-15",
+    isReadable: true,
+    content: utility-font(mono, 15),
+  ),
+);
+
+$token-font-system-mono-16: (
+  mono-16: (
+    slug: "mono-16",
+    isReadable: true,
+    content: utility-font(mono, 16),
+  ),
+);
+
+$token-font-system-mono-17: (
+  mono-17: (
+    slug: "mono-17",
+    isReadable: true,
+    content: utility-font(mono, 17),
+  ),
+);
+
+$token-font-system-mono-18: (
+  mono-18: (
+    slug: "mono-18",
+    isReadable: true,
+    content: utility-font(mono, 18),
+  ),
+);
+
+$token-font-system-mono-19: (
+  mono-19: (
+    slug: "mono-19",
+    isReadable: true,
+    content: utility-font(mono, 19),
+  ),
+);
+
+$token-font-system-mono-20: (
+  mono-20: (
+    slug: "mono-20",
+    isReadable: true,
+    content: utility-font(mono, 20),
+  ),
+);
+
+$tokens-font-system-mono-small: map-collect(
+  $token-font-system-mono-micro,
+  $token-font-system-mono-1,
+  $token-font-system-mono-2,
+  $token-font-system-mono-3
+);
+
+$tokens-font-system-mono-medium: map-collect(
+  $token-font-system-mono-4,
+  $token-font-system-mono-5,
+  $token-font-system-mono-6,
+  $token-font-system-mono-7,
+  $token-font-system-mono-8
+);
+
+$tokens-font-system-mono-large: map-collect(
+  $token-font-system-mono-9,
+  $token-font-system-mono-10,
+  $token-font-system-mono-11,
+  $token-font-system-mono-12,
+  $token-font-system-mono-13,
+  $token-font-system-mono-14
+);
+
+$tokens-font-system-mono-larger: map-collect(
+  $token-font-system-mono-15,
+  $token-font-system-mono-16,
+  $token-font-system-mono-17,
+  $token-font-system-mono-18,
+  $token-font-system-mono-19,
+  $token-font-system-mono-20
+);
+
+$tokens-font-system-mono: map-collect(
+  $tokens-font-system-mono-small,
+  $tokens-font-system-mono-medium,
+  $tokens-font-system-mono-large,
+  $tokens-font-system-mono-larger
+);
+
+$token-font-system-sans-micro: (
+  sans-micro: (
+    slug: "sans-micro",
+    isReadable: true,
+    content: utility-font(sans, "micro"),
+  ),
+);
+
+$token-font-system-sans-1: (
+  sans-1: (
+    slug: "sans-1",
+    isReadable: true,
+    content: utility-font(sans, 1),
+  ),
+);
+
+$token-font-system-sans-2: (
+  sans-2: (
+    slug: "sans-2",
+    isReadable: true,
+    content: utility-font(sans, 2),
+  ),
+);
+
+$token-font-system-sans-3: (
+  sans-3: (
+    slug: "sans-3",
+    isReadable: true,
+    content: utility-font(sans, 3),
+  ),
+);
+
+$token-font-system-sans-4: (
+  sans-4: (
+    slug: "sans-4",
+    isReadable: true,
+    content: utility-font(sans, 4),
+  ),
+);
+
+$token-font-system-sans-5: (
+  sans-5: (
+    slug: "sans-5",
+    isReadable: true,
+    content: utility-font(sans, 5),
+  ),
+);
+
+$token-font-system-sans-6: (
+  sans-6: (
+    slug: "sans-6",
+    isReadable: true,
+    content: utility-font(sans, 6),
+  ),
+);
+
+$token-font-system-sans-7: (
+  sans-7: (
+    slug: "sans-7",
+    isReadable: true,
+    content: utility-font(sans, 7),
+  ),
+);
+
+$token-font-system-sans-8: (
+  sans-8: (
+    slug: "sans-8",
+    isReadable: true,
+    content: utility-font(sans, 8),
+  ),
+);
+
+$token-font-system-sans-9: (
+  sans-9: (
+    slug: "sans-9",
+    isReadable: true,
+    content: utility-font(sans, 9),
+  ),
+);
+
+$token-font-system-sans-10: (
+  sans-10: (
+    slug: "sans-10",
+    isReadable: true,
+    content: utility-font(sans, 10),
+  ),
+);
+
+$token-font-system-sans-11: (
+  sans-11: (
+    slug: "sans-11",
+    isReadable: true,
+    content: utility-font(sans, 11),
+  ),
+);
+
+$token-font-system-sans-12: (
+  sans-12: (
+    slug: "sans-12",
+    isReadable: true,
+    content: utility-font(sans, 12),
+  ),
+);
+
+$token-font-system-sans-13: (
+  sans-13: (
+    slug: "sans-13",
+    isReadable: true,
+    content: utility-font(sans, 13),
+  ),
+);
+
+$token-font-system-sans-14: (
+  sans-14: (
+    slug: "sans-14",
+    isReadable: true,
+    content: utility-font(sans, 14),
+  ),
+);
+
+$token-font-system-sans-15: (
+  sans-15: (
+    slug: "sans-15",
+    isReadable: true,
+    content: utility-font(sans, 15),
+  ),
+);
+
+$token-font-system-sans-16: (
+  sans-16: (
+    slug: "sans-16",
+    isReadable: true,
+    content: utility-font(sans, 16),
+  ),
+);
+
+$token-font-system-sans-17: (
+  sans-17: (
+    slug: "sans-17",
+    isReadable: true,
+    content: utility-font(sans, 17),
+  ),
+);
+
+$token-font-system-sans-18: (
+  sans-18: (
+    slug: "sans-18",
+    isReadable: true,
+    content: utility-font(sans, 18),
+  ),
+);
+
+$token-font-system-sans-19: (
+  sans-19: (
+    slug: "sans-19",
+    isReadable: true,
+    content: utility-font(sans, 19),
+  ),
+);
+
+$token-font-system-sans-20: (
+  sans-20: (
+    slug: "sans-20",
+    isReadable: true,
+    content: utility-font(sans, 20),
+  ),
+);
+
+$tokens-font-system-sans-small: map-collect(
+  $token-font-system-sans-micro,
+  $token-font-system-sans-1,
+  $token-font-system-sans-2,
+  $token-font-system-sans-3
+);
+
+$tokens-font-system-sans-medium: map-collect(
+  $token-font-system-sans-4,
+  $token-font-system-sans-5,
+  $token-font-system-sans-6,
+  $token-font-system-sans-7,
+  $token-font-system-sans-8
+);
+
+$tokens-font-system-sans-large: map-collect(
+  $token-font-system-sans-9,
+  $token-font-system-sans-10,
+  $token-font-system-sans-11,
+  $token-font-system-sans-12,
+  $token-font-system-sans-13,
+  $token-font-system-sans-14
+);
+
+$tokens-font-system-sans-larger: map-collect(
+  $token-font-system-sans-15,
+  $token-font-system-sans-16,
+  $token-font-system-sans-17,
+  $token-font-system-sans-18,
+  $token-font-system-sans-19,
+  $token-font-system-sans-20
+);
+
+$tokens-font-system-sans: map-collect(
+  $tokens-font-system-sans-small,
+  $tokens-font-system-sans-medium,
+  $tokens-font-system-sans-large,
+  $tokens-font-system-sans-larger
+);
+
+$token-font-system-serif-micro: (
+  serif-micro: (
+    slug: "serif-micro",
+    isReadable: true,
+    content: utility-font(serif, "micro"),
+  ),
+);
+
+$token-font-system-serif-1: (
+  serif-1: (
+    slug: "serif-1",
+    isReadable: true,
+    content: utility-font(serif, 1),
+  ),
+);
+
+$token-font-system-serif-2: (
+  serif-2: (
+    slug: "serif-2",
+    isReadable: true,
+    content: utility-font(serif, 2),
+  ),
+);
+
+$token-font-system-serif-3: (
+  serif-3: (
+    slug: "serif-3",
+    isReadable: true,
+    content: utility-font(serif, 3),
+  ),
+);
+
+$token-font-system-serif-4: (
+  serif-4: (
+    slug: "serif-4",
+    isReadable: true,
+    content: utility-font(serif, 4),
+  ),
+);
+
+$token-font-system-serif-5: (
+  serif-5: (
+    slug: "serif-5",
+    isReadable: true,
+    content: utility-font(serif, 5),
+  ),
+);
+
+$token-font-system-serif-6: (
+  serif-6: (
+    slug: "serif-6",
+    isReadable: true,
+    content: utility-font(serif, 6),
+  ),
+);
+
+$token-font-system-serif-7: (
+  serif-7: (
+    slug: "serif-7",
+    isReadable: true,
+    content: utility-font(serif, 7),
+  ),
+);
+
+$token-font-system-serif-8: (
+  serif-8: (
+    slug: "serif-8",
+    isReadable: true,
+    content: utility-font(serif, 8),
+  ),
+);
+
+$token-font-system-serif-9: (
+  serif-9: (
+    slug: "serif-9",
+    isReadable: true,
+    content: utility-font(serif, 9),
+  ),
+);
+
+$token-font-system-serif-10: (
+  serif-10: (
+    slug: "serif-10",
+    isReadable: true,
+    content: utility-font(serif, 10),
+  ),
+);
+
+$token-font-system-serif-11: (
+  serif-11: (
+    slug: "serif-11",
+    isReadable: true,
+    content: utility-font(serif, 11),
+  ),
+);
+
+$token-font-system-serif-12: (
+  serif-12: (
+    slug: "serif-12",
+    isReadable: true,
+    content: utility-font(serif, 12),
+  ),
+);
+
+$token-font-system-serif-13: (
+  serif-13: (
+    slug: "serif-13",
+    isReadable: true,
+    content: utility-font(serif, 13),
+  ),
+);
+
+$token-font-system-serif-14: (
+  serif-14: (
+    slug: "serif-14",
+    isReadable: true,
+    content: utility-font(serif, 14),
+  ),
+);
+
+$token-font-system-serif-15: (
+  serif-15: (
+    slug: "serif-15",
+    isReadable: true,
+    content: utility-font(serif, 15),
+  ),
+);
+
+$token-font-system-serif-16: (
+  serif-16: (
+    slug: "serif-16",
+    isReadable: true,
+    content: utility-font(serif, 16),
+  ),
+);
+
+$token-font-system-serif-17: (
+  serif-17: (
+    slug: "serif-17",
+    isReadable: true,
+    content: utility-font(serif, 17),
+  ),
+);
+
+$token-font-system-serif-18: (
+  serif-18: (
+    slug: "serif-18",
+    isReadable: true,
+    content: utility-font(serif, 18),
+  ),
+);
+
+$token-font-system-serif-19: (
+  serif-19: (
+    slug: "serif-19",
+    isReadable: true,
+    content: utility-font(serif, 19),
+  ),
+);
+
+$token-font-system-serif-20: (
+  serif-20: (
+    slug: "serif-20",
+    isReadable: true,
+    content: utility-font(serif, 20),
+  ),
+);
+
+$tokens-font-system-serif-small: map-collect(
+  $token-font-system-serif-micro,
+  $token-font-system-serif-1,
+  $token-font-system-serif-2,
+  $token-font-system-serif-3
+);
+
+$tokens-font-system-serif-medium: map-collect(
+  $token-font-system-serif-4,
+  $token-font-system-serif-5,
+  $token-font-system-serif-6,
+  $token-font-system-serif-7,
+  $token-font-system-serif-8
+);
+
+$tokens-font-system-serif-large: map-collect(
+  $token-font-system-serif-9,
+  $token-font-system-serif-10,
+  $token-font-system-serif-11,
+  $token-font-system-serif-12,
+  $token-font-system-serif-13,
+  $token-font-system-serif-14
+);
+
+$tokens-font-system-serif-larger: map-collect(
+  $token-font-system-serif-15,
+  $token-font-system-serif-16,
+  $token-font-system-serif-17,
+  $token-font-system-serif-18,
+  $token-font-system-serif-19,
+  $token-font-system-serif-20
+);
+
+$tokens-font-system-serif: map-collect(
+  $tokens-font-system-serif-small,
+  $tokens-font-system-serif-medium,
+  $tokens-font-system-serif-large,
+  $tokens-font-system-serif-larger
+);
+
+$palettes-font-system-cond: (
+  "palette-font-system-cond-micro": $token-font-system-cond-micro,
+  "palette-font-system-cond-1": $token-font-system-cond-1,
+  "palette-font-system-cond-2": $token-font-system-cond-2,
+  "palette-font-system-cond-3": $token-font-system-cond-3,
+  "palette-font-system-cond-4": $token-font-system-cond-4,
+  "palette-font-system-cond-5": $token-font-system-cond-5,
+  "palette-font-system-cond-6": $token-font-system-cond-6,
+  "palette-font-system-cond-7": $token-font-system-cond-7,
+  "palette-font-system-cond-8": $token-font-system-cond-8,
+  "palette-font-system-cond-9": $token-font-system-cond-9,
+  "palette-font-system-cond-10": $token-font-system-cond-10,
+  "palette-font-system-cond-11": $token-font-system-cond-11,
+  "palette-font-system-cond-12": $token-font-system-cond-12,
+  "palette-font-system-cond-13": $token-font-system-cond-13,
+  "palette-font-system-cond-14": $token-font-system-cond-14,
+  "palette-font-system-cond-15": $token-font-system-cond-15,
+  "palette-font-system-cond-16": $token-font-system-cond-16,
+  "palette-font-system-cond-17": $token-font-system-cond-17,
+  "palette-font-system-cond-18": $token-font-system-cond-18,
+  "palette-font-system-cond-19": $token-font-system-cond-19,
+  "palette-font-system-cond-20": $token-font-system-cond-20,
+  "palette-font-system-cond-small": $tokens-font-system-cond-small,
+  "palette-font-system-cond-medium": $tokens-font-system-cond-medium,
+  "palette-font-system-cond-large": $tokens-font-system-cond-large,
+  "palette-font-system-cond-larger": $tokens-font-system-cond-larger,
+  "palette-font-system-cond": $tokens-font-system-cond,
+);
+
+$palettes-font-system-icon: (
+  "palette-font-system-icon-micro": $token-font-system-icon-micro,
+  "palette-font-system-icon-1": $token-font-system-icon-1,
+  "palette-font-system-icon-2": $token-font-system-icon-2,
+  "palette-font-system-icon-3": $token-font-system-icon-3,
+  "palette-font-system-icon-4": $token-font-system-icon-4,
+  "palette-font-system-icon-5": $token-font-system-icon-5,
+  "palette-font-system-icon-6": $token-font-system-icon-6,
+  "palette-font-system-icon-7": $token-font-system-icon-7,
+  "palette-font-system-icon-8": $token-font-system-icon-8,
+  "palette-font-system-icon-9": $token-font-system-icon-9,
+  "palette-font-system-icon-10": $token-font-system-icon-10,
+  "palette-font-system-icon-11": $token-font-system-icon-11,
+  "palette-font-system-icon-12": $token-font-system-icon-12,
+  "palette-font-system-icon-13": $token-font-system-icon-13,
+  "palette-font-system-icon-14": $token-font-system-icon-14,
+  "palette-font-system-icon-15": $token-font-system-icon-15,
+  "palette-font-system-icon-16": $token-font-system-icon-16,
+  "palette-font-system-icon-17": $token-font-system-icon-17,
+  "palette-font-system-icon-18": $token-font-system-icon-18,
+  "palette-font-system-icon-19": $token-font-system-icon-19,
+  "palette-font-system-icon-20": $token-font-system-icon-20,
+  "palette-font-system-icon-small": $tokens-font-system-icon-small,
+  "palette-font-system-icon-medium": $tokens-font-system-icon-medium,
+  "palette-font-system-icon-large": $tokens-font-system-icon-large,
+  "palette-font-system-icon-larger": $tokens-font-system-icon-larger,
+  "palette-font-system-icon": $tokens-font-system-icon,
+);
+
+$palettes-font-system-lang: (
+  "palette-font-system-lang-micro": $token-font-system-lang-micro,
+  "palette-font-system-lang-1": $token-font-system-lang-1,
+  "palette-font-system-lang-2": $token-font-system-lang-2,
+  "palette-font-system-lang-3": $token-font-system-lang-3,
+  "palette-font-system-lang-4": $token-font-system-lang-4,
+  "palette-font-system-lang-5": $token-font-system-lang-5,
+  "palette-font-system-lang-6": $token-font-system-lang-6,
+  "palette-font-system-lang-7": $token-font-system-lang-7,
+  "palette-font-system-lang-8": $token-font-system-lang-8,
+  "palette-font-system-lang-9": $token-font-system-lang-9,
+  "palette-font-system-lang-10": $token-font-system-lang-10,
+  "palette-font-system-lang-11": $token-font-system-lang-11,
+  "palette-font-system-lang-12": $token-font-system-lang-12,
+  "palette-font-system-lang-13": $token-font-system-lang-13,
+  "palette-font-system-lang-14": $token-font-system-lang-14,
+  "palette-font-system-lang-15": $token-font-system-lang-15,
+  "palette-font-system-lang-16": $token-font-system-lang-16,
+  "palette-font-system-lang-17": $token-font-system-lang-17,
+  "palette-font-system-lang-18": $token-font-system-lang-18,
+  "palette-font-system-lang-19": $token-font-system-lang-19,
+  "palette-font-system-lang-20": $token-font-system-lang-20,
+  "palette-font-system-lang-small": $tokens-font-system-lang-small,
+  "palette-font-system-lang-medium": $tokens-font-system-lang-medium,
+  "palette-font-system-lang-large": $tokens-font-system-lang-large,
+  "palette-font-system-lang-larger": $tokens-font-system-lang-larger,
+  "palette-font-system-lang": $tokens-font-system-lang,
+);
+
+$palettes-font-system-mono: (
+  "palette-font-system-mono-micro": $token-font-system-mono-micro,
+  "palette-font-system-mono-1": $token-font-system-mono-1,
+  "palette-font-system-mono-2": $token-font-system-mono-2,
+  "palette-font-system-mono-3": $token-font-system-mono-3,
+  "palette-font-system-mono-4": $token-font-system-mono-4,
+  "palette-font-system-mono-5": $token-font-system-mono-5,
+  "palette-font-system-mono-6": $token-font-system-mono-6,
+  "palette-font-system-mono-7": $token-font-system-mono-7,
+  "palette-font-system-mono-8": $token-font-system-mono-8,
+  "palette-font-system-mono-9": $token-font-system-mono-9,
+  "palette-font-system-mono-10": $token-font-system-mono-10,
+  "palette-font-system-mono-11": $token-font-system-mono-11,
+  "palette-font-system-mono-12": $token-font-system-mono-12,
+  "palette-font-system-mono-13": $token-font-system-mono-13,
+  "palette-font-system-mono-14": $token-font-system-mono-14,
+  "palette-font-system-mono-15": $token-font-system-mono-15,
+  "palette-font-system-mono-16": $token-font-system-mono-16,
+  "palette-font-system-mono-17": $token-font-system-mono-17,
+  "palette-font-system-mono-18": $token-font-system-mono-18,
+  "palette-font-system-mono-19": $token-font-system-mono-19,
+  "palette-font-system-mono-20": $token-font-system-mono-20,
+  "palette-font-system-mono-small": $tokens-font-system-mono-small,
+  "palette-font-system-mono-medium": $tokens-font-system-mono-medium,
+  "palette-font-system-mono-large": $tokens-font-system-mono-large,
+  "palette-font-system-mono-larger": $tokens-font-system-mono-larger,
+  "palette-font-system-mono": $tokens-font-system-mono,
+);
+
+$palettes-font-system-sans: (
+  "palette-font-system-sans-micro": $token-font-system-sans-micro,
+  "palette-font-system-sans-1": $token-font-system-sans-1,
+  "palette-font-system-sans-2": $token-font-system-sans-2,
+  "palette-font-system-sans-3": $token-font-system-sans-3,
+  "palette-font-system-sans-4": $token-font-system-sans-4,
+  "palette-font-system-sans-5": $token-font-system-sans-5,
+  "palette-font-system-sans-6": $token-font-system-sans-6,
+  "palette-font-system-sans-7": $token-font-system-sans-7,
+  "palette-font-system-sans-8": $token-font-system-sans-8,
+  "palette-font-system-sans-9": $token-font-system-sans-9,
+  "palette-font-system-sans-10": $token-font-system-sans-10,
+  "palette-font-system-sans-11": $token-font-system-sans-11,
+  "palette-font-system-sans-12": $token-font-system-sans-12,
+  "palette-font-system-sans-13": $token-font-system-sans-13,
+  "palette-font-system-sans-14": $token-font-system-sans-14,
+  "palette-font-system-sans-15": $token-font-system-sans-15,
+  "palette-font-system-sans-16": $token-font-system-sans-16,
+  "palette-font-system-sans-17": $token-font-system-sans-17,
+  "palette-font-system-sans-18": $token-font-system-sans-18,
+  "palette-font-system-sans-19": $token-font-system-sans-19,
+  "palette-font-system-sans-20": $token-font-system-sans-20,
+  "palette-font-system-sans-small": $tokens-font-system-sans-small,
+  "palette-font-system-sans-medium": $tokens-font-system-sans-medium,
+  "palette-font-system-sans-large": $tokens-font-system-sans-large,
+  "palette-font-system-sans-larger": $tokens-font-system-sans-larger,
+  "palette-font-system-sans": $tokens-font-system-sans,
+);
+
+$palettes-font-system-serif: (
+  "palette-font-system-serif-micro": $token-font-system-serif-micro,
+  "palette-font-system-serif-1": $token-font-system-serif-1,
+  "palette-font-system-serif-2": $token-font-system-serif-2,
+  "palette-font-system-serif-3": $token-font-system-serif-3,
+  "palette-font-system-serif-4": $token-font-system-serif-4,
+  "palette-font-system-serif-5": $token-font-system-serif-5,
+  "palette-font-system-serif-6": $token-font-system-serif-6,
+  "palette-font-system-serif-7": $token-font-system-serif-7,
+  "palette-font-system-serif-8": $token-font-system-serif-8,
+  "palette-font-system-serif-9": $token-font-system-serif-9,
+  "palette-font-system-serif-10": $token-font-system-serif-10,
+  "palette-font-system-serif-11": $token-font-system-serif-11,
+  "palette-font-system-serif-12": $token-font-system-serif-12,
+  "palette-font-system-serif-13": $token-font-system-serif-13,
+  "palette-font-system-serif-14": $token-font-system-serif-14,
+  "palette-font-system-serif-15": $token-font-system-serif-15,
+  "palette-font-system-serif-16": $token-font-system-serif-16,
+  "palette-font-system-serif-17": $token-font-system-serif-17,
+  "palette-font-system-serif-18": $token-font-system-serif-18,
+  "palette-font-system-serif-19": $token-font-system-serif-19,
+  "palette-font-system-serif-20": $token-font-system-serif-20,
+  "palette-font-system-serif-small": $tokens-font-system-serif-small,
+  "palette-font-system-serif-medium": $tokens-font-system-serif-medium,
+  "palette-font-system-serif-large": $tokens-font-system-serif-large,
+  "palette-font-system-serif-larger": $tokens-font-system-serif-larger,
+  "palette-font-system-serif": $tokens-font-system-serif,
+);
+
+$tokens-font-system: map-collect(
+  $tokens-font-system-cond,
+  $tokens-font-system-icon,
+  $tokens-font-system-lang,
+  $tokens-font-system-mono,
+  $tokens-font-system-sans,
+  $tokens-font-system-serif
+);
+
+$palette-font-system: (
+  "palette-font-system": $tokens-font-system,
+);
+
+$palettes-font-system: map-collect(
+  $palettes-font-system-cond,
+  $palettes-font-system-icon,
+  $palettes-font-system-lang,
+  $palettes-font-system-serif,
+  $palettes-font-system-sans,
+  $palettes-font-system-mono,
+  $palette-font-system
+);
+
+$tokens-font: map-collect($tokens-font-theme, $tokens-font-system);
+
+$palette-font: (
+  "palette-font": $tokens-font,
+);