@godxjp/ui 28.8.0 → 28.9.0

package/dist/tokens/components/attachments.css

@@ -7,7 +7,7 @@
   --attachments-placeholder-space-inset: var(--upload-dropzone-space-inset);
   --attachments-placeholder-radius: var(--upload-dropzone-radius);
   --attachments-placeholder-icon-size: var(--upload-dropzone-icon-size);
-  --attachments-placeholder-title-font-size: var(--font-size-sm);
+  --attachments-placeholder-title-font-size: var(--font-size-sm, var(--font-size-base));
   --attachments-placeholder-description-font-size: var(--upload-dropzone-meta-font-size);
   --attachments-placeholder-gap: var(--space-2);
   --attachments-drop-overlay-background: initial;

package/dist/tokens/components/badge.css

@@ -6,7 +6,7 @@
   --badge-space-y: var(--space-1);
 
   --badge-radius: var(--radius-md);
-  --badge-font-size: var(--font-size-xs);
+  --badge-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 
   --badge-line-height: calc(1 / 0.75);
 

package/dist/tokens/components/card.css

@@ -20,7 +20,7 @@
   --card-title-font-size: var(--font-size-base);
   --card-title-line-height: var(--line-height-tight);
   --card-title-font-weight: var(--font-weight-semibold);
-  --card-description-font-size: var(--font-size-sm);
+  --card-description-font-size: var(--font-size-sm, var(--font-size-base));
   --card-description-line-height: var(--line-height-normal);
 
   --card-background: initial;
@@ -47,13 +47,25 @@
 
   --card-featured-border-color: initial;
   --card-featured-ring-width: var(--stroke-hairline);
-  --stat-card-label-font-size: var(--font-size-xs);
+  --stat-card-label-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --stat-card-label-font-weight: var(--font-weight-medium);
   --stat-card-label-letter-spacing: 0.04em;
-  --stat-card-value-font-size: var(--font-size-2xl);
+  --stat-card-value-font-size: var(
+    --font-size-2xl,
+    calc(
+      var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+        var(--font-size-ratio) * var(--font-size-ratio)
+    )
+  );
   --stat-card-value-line-height: 1.1;
   --stat-card-value-font-weight: var(--font-weight-semibold);
-  --stat-card-hint-font-size: var(--font-size-xs);
+  --stat-card-hint-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --stat-card-gap: var(--space-stack-xs);
   --stat-card-icon-size: var(--icon-size-2xl);
   --stat-card-icon-glyph-size: var(--icon-size-lg);
@@ -61,7 +73,10 @@
 
   --stat-card-icon-background: initial;
   --stat-card-icon-foreground: initial;
-  --stat-card-delta-font-size: var(--font-size-xs);
+  --stat-card-delta-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --card-service-launcher-space-gap: var(--space-stack-sm);
 
@@ -75,10 +90,16 @@
   --card-service-launcher-unavailable-icon-background: initial;
   --card-service-launcher-unavailable-icon-foreground: initial;
 
-  --card-service-launcher-description-font-size: var(--font-size-xs);
+  --card-service-launcher-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --card-service-launcher-description-line-height: var(--line-height-body);
 
-  --card-service-launcher-metadata-font-size: var(--font-size-xs);
+  --card-service-launcher-metadata-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --card-service-launcher-metadata-line-height: var(--line-height-normal);
 
   --card-service-launcher-cta-min-height: calc(var(--control-height-lg) * 4);

package/dist/tokens/components/chart.css

@@ -24,7 +24,10 @@
 
   --chart-trend-baseline-border: initial;
   --chart-trend-tick-gap: var(--space-1);
-  --chart-trend-tick-font-size: var(--font-size-xs);
+  --chart-trend-tick-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --chart-trend-footer-gap: var(--space-2);
 }

package/dist/tokens/components/chat-composer.css

@@ -15,5 +15,8 @@
 
   --chat-composer-header-border: initial;
 
-  --chat-composer-footer-font-size: var(--font-size-xs);
+  --chat-composer-footer-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 }

package/dist/tokens/components/control.css

@@ -37,7 +37,7 @@
   --control-variant-filled-background: var(--muted);
   --control-variant-filled-hover-background: initial;
 
-  --control-count-font-size: var(--font-size-sm);
+  --control-count-font-size: var(--font-size-sm, var(--font-size-base));
   --control-count-color: var(--muted-foreground);
 
   --control-count-exceeded-color: initial;
@@ -49,11 +49,17 @@
   --input-addon-color: var(--muted-foreground);
   --input-addon-padding-inline: var(--control-padding-x);
 
-  --switch-content-font-size: var(--font-size-xs);
+  --switch-content-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --switch-content-space-inline: var(--space-1);
   --switch-spinner-size: calc(var(--switch-thumb-size) - var(--space-1));
 
-  --slider-mark-font-size: var(--font-size-xs);
+  --slider-mark-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --slider-mark-color: var(--muted-foreground);
   --slider-mark-space-block-start: var(--space-2);
   --slider-dot-size: var(--slider-track-height);
@@ -62,7 +68,10 @@
   --slider-dot-active-border-color: initial;
   --slider-tooltip-background: var(--popover);
   --slider-tooltip-color: var(--popover-foreground);
-  --slider-tooltip-font-size: var(--font-size-xs);
+  --slider-tooltip-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --slider-tooltip-radius: var(--radius-sm);
   --slider-tooltip-padding-inline: var(--space-2);
   --slider-tooltip-offset-block: var(--space-2);
@@ -161,14 +170,29 @@
     var(--search-input-edge-inset) + var(--control-icon-size) + var(--control-gap)
   );
 
-  --choice-description-font-size: var(--font-size-xs);
-  --color-picker-hex-font-size: var(--font-size-xs);
-  --command-group-heading-font-size: var(--font-size-xs);
-  --search-input-label-font-size: var(--font-size-xs);
-  --tag-input-chip-font-size: var(--font-size-xs);
-  --toggle-sm-font-size: var(--font-size-xs);
-  --toggle-xs-font-size: var(--font-size-xs);
-  --button-sm-font-size: var(--font-size-xs);
+  --choice-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --color-picker-hex-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --command-group-heading-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --search-input-label-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --tag-input-chip-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --toggle-sm-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
+  --toggle-xs-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
+  --button-sm-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 }
 
 :root {
@@ -207,7 +231,7 @@
   --control-composite-field-space-gap: var(--space-2);
 
   --input-file-button-height: var(--band-height-sm);
-  --input-file-button-font-size: var(--font-size-sm);
+  --input-file-button-font-size: var(--font-size-sm, var(--font-size-base));
 
   --search-select-panel-max-width: 32rem;
 
@@ -218,13 +242,16 @@
   --search-select-list-max-height: none;
   --search-select-footer-space-inset: var(--space-1);
   --search-select-option-space-gap: var(--space-2);
-  --search-select-option-font-size: var(--font-size-sm);
-  --search-select-option-sublabel-font-size: var(--font-size-xs);
+  --search-select-option-font-size: var(--font-size-sm, var(--font-size-base));
+  --search-select-option-sublabel-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --search-select-status-space-inline: var(--space-2);
   --search-select-status-space-block: var(--space-3);
 
   --search-select-placeholder-space-block: var(--space-6);
-  --search-select-status-font-size: var(--font-size-sm);
+  --search-select-status-font-size: var(--font-size-sm, var(--font-size-base));
   --search-select-spinner-size: 1rem;
 
   --cascader-column-min-width: 9rem;
@@ -234,7 +261,7 @@
   --cascader-option-space-inline: var(--space-3);
   --cascader-option-space-block: var(--space-2);
   --cascader-option-space-gap: var(--space-1);
-  --cascader-option-font-size: var(--font-size-sm);
+  --cascader-option-font-size: var(--font-size-sm, var(--font-size-base));
   --cascader-option-icon-size: var(--icon-size-md);
 
   --cascader-result-space-inline: var(--space-2);
@@ -258,11 +285,14 @@
   --time-picker-panel-width-12h: 13rem;
   --time-picker-heading-space-inline: var(--space-1);
   --time-picker-heading-space-block: 0.375rem;
-  --time-picker-heading-font-size: var(--font-size-xs);
+  --time-picker-heading-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --time-picker-column-space-inset: var(--space-1);
   --time-picker-option-space-block: 0.375rem;
   --time-picker-option-radius: var(--radius-md);
-  --time-picker-option-font-size: var(--font-size-sm);
+  --time-picker-option-font-size: var(--font-size-sm, var(--font-size-base));
   --time-picker-footer-space-inset: var(--space-2);
   --time-picker-footer-space-gap: var(--space-2);
 
@@ -272,7 +302,7 @@
   --tree-select-row-space-block: 0.375rem;
   --tree-select-row-space-inline-end: var(--space-2);
   --tree-select-row-radius: var(--radius-sm);
-  --tree-select-row-font-size: var(--font-size-sm);
+  --tree-select-row-font-size: var(--font-size-sm, var(--font-size-base));
 
   --tree-select-depth-space-base: var(--space-2);
   --tree-select-depth-space-step: 1.25rem;
@@ -285,7 +315,7 @@
 
   --calendar-month-space-gap: var(--space-4);
   --calendar-caption-space-inline: var(--space-8);
-  --calendar-caption-font-size: var(--font-size-sm);
+  --calendar-caption-font-size: var(--font-size-sm, var(--font-size-base));
   --calendar-nav-space-block-start: var(--space-3);
 
   --calendar-nav-space-inline: var(--calendar-space-inset);
@@ -294,9 +324,12 @@
 
   --calendar-grid-space-block-start: var(--space-3);
   --calendar-week-space-block-start: var(--space-2);
-  --calendar-weekday-font-size: var(--font-size-xs);
+  --calendar-weekday-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --calendar-weekday-radius: var(--radius-md);
-  --calendar-day-font-size: var(--font-size-sm);
+  --calendar-day-font-size: var(--font-size-sm, var(--font-size-base));
   --calendar-day-radius: var(--radius-md);
   --calendar-chevron-size: var(--icon-size-md);
   --calendar-footer-space-gap: var(--space-2);
@@ -312,7 +345,7 @@
   --transfer-panes-space-gap: var(--space-3);
   --transfer-header-space-inline: var(--space-3);
   --transfer-header-space-block: var(--space-2);
-  --transfer-header-font-size: var(--font-size-sm);
+  --transfer-header-font-size: var(--font-size-sm, var(--font-size-base));
   --transfer-header-space-gap: var(--space-2);
   --transfer-search-space-inset: var(--space-2);
   --transfer-list-space-inset: var(--space-1);
@@ -320,10 +353,13 @@
   --transfer-row-space-block: var(--space-2);
   --transfer-row-space-gap: var(--space-2);
   --transfer-row-radius: var(--radius-sm);
-  --transfer-row-font-size: var(--font-size-sm);
+  --transfer-row-font-size: var(--font-size-sm, var(--font-size-base));
 
   --transfer-row-check-space-block-start: 0.125rem;
-  --transfer-row-description-font-size: var(--font-size-xs);
+  --transfer-row-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --transfer-empty-space-block: var(--space-8);
   --transfer-actions-space-gap: var(--space-2);
   --transfer-action-icon-size: var(--icon-size-md);
@@ -332,7 +368,7 @@
   --month-picker-grid-space-block-start: var(--space-3);
   --month-picker-grid-space-gap: var(--space-1);
   --month-picker-cell-space-inline: var(--space-4);
-  --month-picker-nav-font-size: var(--font-size-sm);
+  --month-picker-nav-font-size: var(--font-size-sm, var(--font-size-base));
 
   --month-picker-nav-rest-alpha: var(--calendar-nav-rest-alpha);
   --month-picker-icon-size: var(--icon-size-md);
@@ -343,7 +379,7 @@
   --button-bare-target-size: initial;
   --button-xs-space-inline: var(--space-2);
   --button-xs-space-gap: var(--space-1);
-  --button-xs-font-size: var(--font-size-xs);
+  --button-xs-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
   --button-xs-icon-size: var(--icon-size-xs);
 
   --button-icon-space-inline-md: var(--space-3);
@@ -358,7 +394,10 @@
 
   --button-count-min-width: var(--space-4);
   --button-count-space-inline: var(--space-1);
-  --button-count-font-size: var(--font-size-xs);
+  --button-count-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --button-count-background: initial;
   --button-count-color: initial;
@@ -369,7 +408,7 @@
   --button-count-secondary-background: initial;
   --button-count-secondary-color: initial;
 
-  --control-label-font-size: var(--font-size-sm);
+  --control-label-font-size: var(--font-size-sm, var(--font-size-base));
 
   --control-label-line-height: var(--line-height-normal);
 

package/dist/tokens/components/conversations.css

@@ -9,7 +9,10 @@
   --conversations-item-gap: var(--space-inline-sm);
   --conversations-item-padding-inline: var(--space-inline-sm);
   --conversations-item-radius: var(--radius);
-  --conversations-item-font-size: var(--font-size-xs);
+  --conversations-item-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --conversations-item-color: initial;
   --conversations-item-active-background: initial;

package/dist/tokens/components/data-display.css

@@ -7,10 +7,16 @@
 
   --accordion-focus-ring-offset: 2px;
   --carousel-dot-focus-ring-offset: 2px;
-  --progress-label-font-size: var(--font-size-xs);
-
-  --code-block-font-size: var(--font-size-sm);
-  --code-block-font-size-xs: var(--font-size-xs);
+  --progress-label-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+
+  --code-block-font-size: var(--font-size-sm, var(--font-size-base));
+  --code-block-font-size-xs: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --code-block-line-height: var(--line-height-normal);
   --code-block-space-inset: var(--space-3);
   --code-block-radius: var(--radius-md);
@@ -34,7 +40,7 @@
   --code-block-token-changed-color: initial;
 
   --prose-font-size: var(--font-size-base);
-  --prose-font-size-sm: var(--font-size-xs);
+  --prose-font-size-sm: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
   --prose-line-height: var(--line-height-body);
   --prose-space-block: var(--space-3);
   --prose-heading-space-block-start: var(--space-6);
@@ -50,7 +56,10 @@
 
   --prose-link-decoration-line: underline;
   --prose-image-radius: var(--radius-md);
-  --timeline-note-font-size: var(--font-size-xs);
+  --timeline-note-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --avatar-background: initial;
 
@@ -66,11 +75,17 @@
 
   --avatar-font-size: var(--font-size-base);
 
-  --avatar-font-size-xs: var(--font-size-2xs);
+  --avatar-font-size-xs: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
 
-  --avatar-font-size-sm: var(--font-size-xs);
+  --avatar-font-size-sm: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 
-  --avatar-font-size-lg: var(--font-size-lg);
+  --avatar-font-size-lg: var(
+    --font-size-lg,
+    calc(var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio))
+  );
 
   --avatar-glyph-size-xs: calc(var(--icon-size-xs) * var(--scaling));
 
@@ -120,7 +135,7 @@
   --legend-item-gap: 0.3125rem;
   --legend-swatch-size: 0.625rem;
   --legend-swatch-radius: 0.125rem;
-  --legend-font-size: var(--font-size-xs);
+  --legend-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 
   --legend-color: initial;
 
@@ -136,8 +151,11 @@
   --feature-list-space-gap: var(--space-stack-sm);
 
   --feature-list-space-inline: var(--space-inline-sm);
-  --feature-list-font-size: var(--font-size-sm);
-  --feature-list-description-font-size: var(--font-size-xs);
+  --feature-list-font-size: var(--font-size-sm, var(--font-size-base));
+  --feature-list-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --feature-list-mark-icon-size: var(--icon-size-md);
 
@@ -166,9 +184,18 @@
   --timeline-grid-column-min-width: 6rem;
 
   --timeline-grid-event-min-height-minutes: 36;
-  --timeline-grid-axis-font-size: var(--font-size-2xs);
-  --timeline-grid-head-font-size: var(--font-size-xs);
-  --timeline-grid-event-font-size: var(--font-size-2xs);
+  --timeline-grid-axis-font-size: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
+  --timeline-grid-head-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --timeline-grid-event-font-size: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
   --timeline-grid-event-gap: var(--space-1);
   --timeline-grid-event-space-inset: var(--space-1);
   --timeline-grid-event-radius: var(--radius-sm);

package/dist/tokens/components/data-entry.css

@@ -1,8 +1,14 @@
 
 
 :root {
-  --password-strength-score-font-size: var(--font-size-xs);
-  --password-strength-checklist-font-size: var(--font-size-xs);
+  --password-strength-score-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --password-strength-checklist-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --branch-scope-picker-gap: 0.75rem;
 

package/dist/tokens/components/descriptions.css

@@ -10,7 +10,7 @@
 
   --descriptions-label-gap: 0.75rem;
 
-  --descriptions-value-font-size: var(--font-size-sm);
+  --descriptions-value-font-size: var(--font-size-sm, var(--font-size-base));
 
   --descriptions-value-line-height: calc(1.25 / 0.875);
 

package/dist/tokens/components/feedback.css

@@ -12,8 +12,11 @@
   --sheet-title-row-space-gap: var(--space-3);
   --sheet-extra-space-gap: var(--space-2);
   --sheet-footer-space-gap: var(--space-2);
-  --sheet-title-font-size: var(--font-size-lg);
-  --sheet-description-font-size: var(--font-size-sm);
+  --sheet-title-font-size: var(
+    --font-size-lg,
+    calc(var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio))
+  );
+  --sheet-description-font-size: var(--font-size-sm, var(--font-size-base));
 
   --sheet-body-space-block: var(--space-1);
 
@@ -45,7 +48,7 @@
 
   --dialog-close-size: var(--touch-target-min);
 
-  --dialog-step-up-error-font-size: var(--font-size-sm);
+  --dialog-step-up-error-font-size: var(--font-size-sm, var(--font-size-base));
 
   --alert-radius: var(--card-radius);
   --alert-space-inset: var(--space-section-active);
@@ -124,7 +127,7 @@
   --tooltip-space-inline: var(--space-2);
   --tooltip-space-block: var(--space-1);
   --tooltip-radius: var(--radius);
-  --tooltip-font-size: var(--font-size-xs);
+  --tooltip-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
 
   --tooltip-shadow: var(--shadow-md);
 
@@ -137,7 +140,7 @@
   --popover-radius: var(--radius);
   --popover-shadow: var(--shadow-md);
   --popover-header-space-gap: var(--space-1);
-  --popover-header-font-size: var(--font-size-sm);
+  --popover-header-font-size: var(--font-size-sm, var(--font-size-base));
 
   --popover-surface-background: initial;
   --popover-surface-foreground: initial;

package/dist/tokens/components/float-button.css

@@ -13,7 +13,10 @@
 
   --float-button-icon-size: var(--icon-size-md);
 
-  --float-button-content-font-size: var(--font-size-2xs);
+  --float-button-content-font-size: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
   --float-button-content-line-height: var(--line-height-tight);
 
   --float-button-shadow: var(--shadow-lg);
@@ -25,7 +28,10 @@
   --float-button-badge-foreground: hsl(var(--destructive-foreground));
   --float-button-badge-size: var(--space-4);
   --float-button-badge-padding-inline: var(--space-1);
-  --float-button-badge-font-size: var(--font-size-2xs);
+  --float-button-badge-font-size: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
   --float-button-badge-inset-block-start: calc(var(--space-1) * -1);
   --float-button-badge-inset-inline-end: calc(var(--space-1) * -1);
   --float-button-badge-dot-size: var(--space-2);

package/dist/tokens/components/legal-document.css

@@ -14,15 +14,24 @@
   --legal-document-toc-gap: var(--space-1);
   --legal-document-toc-item-padding: var(--space-1) var(--space-2);
   --legal-document-toc-item-radius: var(--radius);
-  --legal-document-toc-title-font-size: var(--font-size-2xs);
-  --legal-document-toc-font-size: var(--font-size-xs);
+  --legal-document-toc-title-font-size: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
+  --legal-document-toc-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
 
   --legal-document-toc-marker-width: var(--stroke-md);
 
   --legal-document-nav-gap: var(--space-4);
   --legal-document-header-gap: var(--space-2);
   --legal-document-meta-gap: var(--space-2);
-  --legal-document-meta-font-size: var(--font-size-xs);
+  --legal-document-meta-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --legal-document-section-gap: var(--space-10);
   --legal-document-section-title-gap: var(--space-3);
 

package/dist/tokens/components/logo.css

@@ -5,9 +5,12 @@
   --logo-size-sm: 1.5rem;
   --logo-size-md: 1.75rem;
   --logo-size-lg: 2.25rem;
-  --logo-font-size-xs: var(--font-size-2xs);
-  --logo-font-size-sm: var(--font-size-xs);
-  --logo-font-size-md: var(--font-size-sm);
+  --logo-font-size-xs: var(
+    --font-size-2xs,
+    calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
+  );
+  --logo-font-size-sm: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
+  --logo-font-size-md: var(--font-size-sm, var(--font-size-base));
   --logo-font-size-lg: var(--font-size-base);
 
   --logo-success-background: initial;
@@ -38,10 +41,16 @@
   --logo-godx-size: initial;
 
   --logo-wordmark-gap: var(--space-2);
-  --logo-wordmark-font-size-xs: var(--font-size-xs);
-  --logo-wordmark-font-size-sm: var(--font-size-sm);
+  --logo-wordmark-font-size-xs: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+  --logo-wordmark-font-size-sm: var(--font-size-sm, var(--font-size-base));
   --logo-wordmark-font-size-md: var(--font-size-base);
-  --logo-wordmark-font-size-lg: var(--font-size-lg);
+  --logo-wordmark-font-size-lg: var(
+    --font-size-lg,
+    calc(var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio))
+  );
   --logo-wordmark-font-weight: 700;
   --logo-wordmark-letter-spacing: -0.01em;
   --logo-wordmark-font-family: initial;

package/dist/tokens/components/mega-menu.css

@@ -7,7 +7,7 @@
   --mega-menu-trigger-padding-x: var(--space-3);
   --mega-menu-trigger-gap: var(--space-inline-sm);
   --mega-menu-trigger-radius: var(--radius-sm);
-  --mega-menu-trigger-font-size: var(--font-size-sm);
+  --mega-menu-trigger-font-size: var(--font-size-sm, var(--font-size-base));
   --mega-menu-trigger-foreground: hsl(var(--foreground));
   --mega-menu-trigger-background: transparent;
 
@@ -36,9 +36,15 @@
   --mega-menu-group-gap: var(--space-inline-sm);
 
   --mega-menu-group-min-width: 12rem;
-  --mega-menu-group-label-font-size: var(--font-size-xs);
+  --mega-menu-group-label-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --mega-menu-group-label-foreground: hsl(var(--muted-foreground));
-  --mega-menu-group-description-font-size: var(--font-size-xs);
+  --mega-menu-group-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --mega-menu-group-description-foreground: hsl(var(--muted-foreground));
   --mega-menu-group-icon-size: var(--control-icon-size-sm);
 
@@ -46,12 +52,15 @@
   --mega-menu-link-padding-x: var(--space-2);
   --mega-menu-link-padding-y: var(--space-2);
   --mega-menu-link-radius: var(--radius-sm);
-  --mega-menu-link-font-size: var(--font-size-sm);
+  --mega-menu-link-font-size: var(--font-size-sm, var(--font-size-base));
   --mega-menu-link-foreground: hsl(var(--foreground));
   --mega-menu-link-hover-background: initial;
   --mega-menu-link-hover-foreground: initial;
   --mega-menu-link-current-foreground: initial;
-  --mega-menu-link-description-font-size: var(--font-size-xs);
+  --mega-menu-link-description-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
   --mega-menu-link-description-foreground: hsl(var(--muted-foreground));
   --mega-menu-link-icon-size: var(--control-icon-size-sm);