@maggioli-design-system/styles 17.1.0 → 17.2.1

package/dist/tailwind/consumption.json

@@ -2959,6 +2959,7 @@
     },
     "--shadow-sharp": {
       "theme": "--shadow-sharp",
+      "description": "For tailwind 3 compatibility",
       "namespace": "--shadow",
       "key": "sharp"
     },
@@ -3104,586 +3105,703 @@
     },
     "--shadow-ring": {
       "theme": "--shadow-ring",
+      "description": "1px ring, base intensity - a border drawn with box-shadow, not a shadow",
       "namespace": "--shadow",
       "key": "ring"
     },
     "--shadow-ring-2": {
       "theme": "--shadow-ring-2",
+      "description": "2px ring, base intensity",
       "namespace": "--shadow",
       "key": "ring-2"
     },
     "--shadow-ring-weak": {
       "theme": "--shadow-ring-weak",
+      "description": "1px ring, faint",
       "namespace": "--shadow",
       "key": "ring-weak"
     },
     "--shadow-ring-weak-2": {
       "theme": "--shadow-ring-weak-2",
+      "description": "2px ring, faint",
       "namespace": "--shadow",
       "key": "ring-weak-2"
     },
     "--shadow-ring-strong-2": {
       "theme": "--shadow-ring-strong-2",
+      "description": "2px ring, marked - the high-contrast affordance",
       "namespace": "--shadow",
       "key": "ring-strong-2"
     },
     "--shadow-ring-strong-4": {
       "theme": "--shadow-ring-strong-4",
+      "description": "4px ring, marked",
       "namespace": "--shadow",
       "key": "ring-strong-4"
     },
     "--magma-surface-sunken": {
       "theme": "--color-surface-sunken",
+      "description": "Below the page: wells, insets, code blocks, tracks.",
       "namespace": "--color",
       "key": "surface-sunken"
     },
     "--magma-surface-muted": {
       "theme": "--color-surface-muted",
+      "description": "Same-plane grouping on the page: zebra rows, a subtle section.",
       "namespace": "--color",
       "key": "surface-muted"
     },
     "--magma-surface-default": {
       "theme": "--color-surface-default",
+      "description": "The page canvas, the background of the body.",
       "namespace": "--color",
       "key": "surface-default"
     },
     "--magma-surface-raised": {
       "theme": "--color-surface-raised",
+      "description": "Above the page: cards, panels, sticky headers.",
       "namespace": "--color",
       "key": "surface-raised"
     },
     "--magma-surface-overlay": {
       "theme": "--color-surface-overlay",
+      "description": "Floating above everything: modal, dropdown, popover, sheet.",
       "namespace": "--color",
       "key": "surface-overlay"
     },
     "--magma-wash-soft": {
       "theme": "--color-wash-soft",
+      "description": "A neutral pill or chip, the least marked.",
       "namespace": "--color",
       "key": "wash-soft"
     },
     "--magma-wash-base": {
       "theme": "--color-wash-base",
+      "description": "A neutral pill or chip, at its default prominence.",
       "namespace": "--color",
       "key": "wash-base"
     },
     "--magma-wash-strong": {
       "theme": "--color-wash-strong",
+      "description": "A neutral pill or chip, the most marked.",
       "namespace": "--color",
       "key": "wash-strong"
     },
     "--magma-shadow-ink": {
       "theme": "--color-shadow-ink",
+      "description": "The colour of a projected shadow, to compose with your own geometry and alpha.",
       "namespace": "--color",
       "key": "shadow-ink"
     },
     "--magma-text-default": {
       "theme": "--color-fg-default",
+      "description": "Body text, titles and primary data.",
       "namespace": "--color",
       "key": "fg-default"
     },
     "--magma-text-muted": {
       "theme": "--color-fg-muted",
+      "description": "Secondary text that is still essential, such as an address or a phone number.",
       "namespace": "--color",
       "key": "fg-muted"
     },
     "--magma-text-subtle": {
       "theme": "--color-fg-subtle",
+      "description": "Non-essential text only: captions, units, hints.",
       "namespace": "--color",
       "key": "fg-subtle"
     },
     "--magma-text-disabled": {
       "theme": "--color-fg-disabled",
+      "description": "The labels of disabled controls.",
       "namespace": "--color",
       "key": "fg-disabled"
     },
     "--magma-text-on-emphasis": {
       "theme": "--color-fg-on-emphasis",
+      "description": "Text and icons on a solid fill.",
       "namespace": "--color",
       "key": "fg-on-emphasis"
     },
     "--magma-border-muted": {
       "theme": "--color-border-muted",
+      "description": "Decorative borders: dividers, the grid of a table.",
       "namespace": "--color",
       "key": "border-muted"
     },
     "--magma-border-default": {
       "theme": "--color-border-default",
+      "description": "Functional outlines: inputs, cards.",
       "namespace": "--color",
       "key": "border-default"
     },
     "--magma-border-strong": {
       "theme": "--color-border-strong",
+      "description": "A border that conveys a state, such as selected.",
       "namespace": "--color",
       "key": "border-strong"
     },
     "--magma-border-focus": {
       "theme": "--color-border-focus",
+      "description": "Focus indication; follows the accent.",
       "namespace": "--color",
       "key": "border-focus"
     },
     "--magma-info-wash-soft": {
       "theme": "--color-info-wash-soft",
+      "description": "The info background, the least marked.",
       "namespace": "--color",
       "key": "info-wash-soft"
     },
     "--magma-info-wash-base": {
       "theme": "--color-info-wash-base",
+      "description": "The info background, at its default prominence.",
       "namespace": "--color",
       "key": "info-wash-base"
     },
     "--magma-info-wash-strong": {
       "theme": "--color-info-wash-strong",
+      "description": "The info background, the most marked: icons only, no essential text.",
       "namespace": "--color",
       "key": "info-wash-strong"
     },
     "--magma-info-text-default": {
       "theme": "--color-info-fg-default",
+      "description": "Info text on the info background.",
       "namespace": "--color",
       "key": "info-fg-default"
     },
     "--magma-info-text-muted": {
       "theme": "--color-info-fg-muted",
+      "description": "Secondary info text on the info background.",
       "namespace": "--color",
       "key": "info-fg-muted"
     },
     "--magma-info-text-subtle": {
       "theme": "--color-info-fg-subtle",
+      "description": "Non-essential info text on the info background.",
       "namespace": "--color",
       "key": "info-fg-subtle"
     },
     "--magma-info-text-disabled": {
       "theme": "--color-info-fg-disabled",
+      "description": "Disabled info text on the info background.",
       "namespace": "--color",
       "key": "info-fg-disabled"
     },
     "--magma-info-border-muted": {
       "theme": "--color-info-border-muted",
+      "description": "The decorative info border.",
       "namespace": "--color",
       "key": "info-border-muted"
     },
     "--magma-info-border-default": {
       "theme": "--color-info-border-default",
+      "description": "The functional info border.",
       "namespace": "--color",
       "key": "info-border-default"
     },
     "--magma-info-border-strong": {
       "theme": "--color-info-border-strong",
+      "description": "The info border that conveys a state.",
       "namespace": "--color",
       "key": "info-border-strong"
     },
     "--magma-info-emphasis": {
       "theme": "--color-info-emphasis",
+      "description": "The solid info fill: a solid badge, a button.",
       "namespace": "--color",
       "key": "info-emphasis"
     },
     "--magma-info-emphasis-hover": {
       "theme": "--color-info-emphasis-hover",
+      "description": "The solid info fill, hovered.",
       "namespace": "--color",
       "key": "info-emphasis-hover"
     },
     "--magma-info-emphasis-active": {
       "theme": "--color-info-emphasis-active",
+      "description": "The solid info fill, pressed.",
       "namespace": "--color",
       "key": "info-emphasis-active"
     },
     "--magma-info-on-emphasis": {
       "theme": "--color-info-on-emphasis",
+      "description": "Text and icons on the solid info fill.",
       "namespace": "--color",
       "key": "info-on-emphasis"
     },
     "--magma-info-surface": {
       "theme": "--color-info-surface",
+      "description": "Shortcut for the info background at its default prominence (wash-base).",
       "namespace": "--color",
       "key": "info-surface"
     },
     "--magma-info-fg": {
       "theme": "--color-info-fg",
+      "description": "Shortcut for the default info text (text-default).",
       "namespace": "--color",
       "key": "info-fg"
     },
     "--magma-info-border": {
       "theme": "--color-info-border",
+      "description": "Shortcut for the functional info border (border-default).",
       "namespace": "--color",
       "key": "info-border"
     },
     "--magma-success-wash-soft": {
       "theme": "--color-success-wash-soft",
+      "description": "The success background, the least marked.",
       "namespace": "--color",
       "key": "success-wash-soft"
     },
     "--magma-success-wash-base": {
       "theme": "--color-success-wash-base",
+      "description": "The success background, at its default prominence.",
       "namespace": "--color",
       "key": "success-wash-base"
     },
     "--magma-success-wash-strong": {
       "theme": "--color-success-wash-strong",
+      "description": "The success background, the most marked: icons only, no essential text.",
       "namespace": "--color",
       "key": "success-wash-strong"
     },
     "--magma-success-text-default": {
       "theme": "--color-success-fg-default",
+      "description": "Success text on the success background.",
       "namespace": "--color",
       "key": "success-fg-default"
     },
     "--magma-success-text-muted": {
       "theme": "--color-success-fg-muted",
+      "description": "Secondary success text on the success background.",
       "namespace": "--color",
       "key": "success-fg-muted"
     },
     "--magma-success-text-subtle": {
       "theme": "--color-success-fg-subtle",
+      "description": "Non-essential success text on the success background.",
       "namespace": "--color",
       "key": "success-fg-subtle"
     },
     "--magma-success-text-disabled": {
       "theme": "--color-success-fg-disabled",
+      "description": "Disabled success text on the success background.",
       "namespace": "--color",
       "key": "success-fg-disabled"
     },
     "--magma-success-border-muted": {
       "theme": "--color-success-border-muted",
+      "description": "The decorative success border.",
       "namespace": "--color",
       "key": "success-border-muted"
     },
     "--magma-success-border-default": {
       "theme": "--color-success-border-default",
+      "description": "The functional success border.",
       "namespace": "--color",
       "key": "success-border-default"
     },
     "--magma-success-border-strong": {
       "theme": "--color-success-border-strong",
+      "description": "The success border that conveys a state.",
       "namespace": "--color",
       "key": "success-border-strong"
     },
     "--magma-success-emphasis": {
       "theme": "--color-success-emphasis",
+      "description": "The solid success fill: a solid badge, a button.",
       "namespace": "--color",
       "key": "success-emphasis"
     },
     "--magma-success-emphasis-hover": {
       "theme": "--color-success-emphasis-hover",
+      "description": "The solid success fill, hovered.",
       "namespace": "--color",
       "key": "success-emphasis-hover"
     },
     "--magma-success-emphasis-active": {
       "theme": "--color-success-emphasis-active",
+      "description": "The solid success fill, pressed.",
       "namespace": "--color",
       "key": "success-emphasis-active"
     },
     "--magma-success-on-emphasis": {
       "theme": "--color-success-on-emphasis",
+      "description": "Text and icons on the solid success fill.",
       "namespace": "--color",
       "key": "success-on-emphasis"
     },
     "--magma-success-surface": {
       "theme": "--color-success-surface",
+      "description": "Shortcut for the success background at its default prominence (wash-base).",
       "namespace": "--color",
       "key": "success-surface"
     },
     "--magma-success-fg": {
       "theme": "--color-success-fg",
+      "description": "Shortcut for the default success text (text-default).",
       "namespace": "--color",
       "key": "success-fg"
     },
     "--magma-success-border": {
       "theme": "--color-success-border",
+      "description": "Shortcut for the functional success border (border-default).",
       "namespace": "--color",
       "key": "success-border"
     },
     "--magma-warning-wash-soft": {
       "theme": "--color-warning-wash-soft",
+      "description": "The warning background, the least marked.",
       "namespace": "--color",
       "key": "warning-wash-soft"
     },
     "--magma-warning-wash-base": {
       "theme": "--color-warning-wash-base",
+      "description": "The warning background, at its default prominence.",
       "namespace": "--color",
       "key": "warning-wash-base"
     },
     "--magma-warning-wash-strong": {
       "theme": "--color-warning-wash-strong",
+      "description": "The warning background, the most marked: icons only, no essential text.",
       "namespace": "--color",
       "key": "warning-wash-strong"
     },
     "--magma-warning-text-default": {
       "theme": "--color-warning-fg-default",
+      "description": "Warning text on the warning background.",
       "namespace": "--color",
       "key": "warning-fg-default"
     },
     "--magma-warning-text-muted": {
       "theme": "--color-warning-fg-muted",
+      "description": "Secondary warning text on the warning background.",
       "namespace": "--color",
       "key": "warning-fg-muted"
     },
     "--magma-warning-text-subtle": {
       "theme": "--color-warning-fg-subtle",
+      "description": "Non-essential warning text on the warning background.",
       "namespace": "--color",
       "key": "warning-fg-subtle"
     },
     "--magma-warning-text-disabled": {
       "theme": "--color-warning-fg-disabled",
+      "description": "Disabled warning text on the warning background.",
       "namespace": "--color",
       "key": "warning-fg-disabled"
     },
     "--magma-warning-border-muted": {
       "theme": "--color-warning-border-muted",
+      "description": "The decorative warning border.",
       "namespace": "--color",
       "key": "warning-border-muted"
     },
     "--magma-warning-border-default": {
       "theme": "--color-warning-border-default",
+      "description": "The functional warning border.",
       "namespace": "--color",
       "key": "warning-border-default"
     },
     "--magma-warning-border-strong": {
       "theme": "--color-warning-border-strong",
+      "description": "The warning border that conveys a state.",
       "namespace": "--color",
       "key": "warning-border-strong"
     },
     "--magma-warning-emphasis": {
       "theme": "--color-warning-emphasis",
+      "description": "The solid warning fill: a solid badge, a button.",
       "namespace": "--color",
       "key": "warning-emphasis"
     },
     "--magma-warning-emphasis-hover": {
       "theme": "--color-warning-emphasis-hover",
+      "description": "The solid warning fill, hovered.",
       "namespace": "--color",
       "key": "warning-emphasis-hover"
     },
     "--magma-warning-emphasis-active": {
       "theme": "--color-warning-emphasis-active",
+      "description": "The solid warning fill, pressed.",
       "namespace": "--color",
       "key": "warning-emphasis-active"
     },
     "--magma-warning-on-emphasis": {
       "theme": "--color-warning-on-emphasis",
+      "description": "Text and icons on the solid warning fill.",
       "namespace": "--color",
       "key": "warning-on-emphasis"
     },
     "--magma-warning-surface": {
       "theme": "--color-warning-surface",
+      "description": "Shortcut for the warning background at its default prominence (wash-base).",
       "namespace": "--color",
       "key": "warning-surface"
     },
     "--magma-warning-fg": {
       "theme": "--color-warning-fg",
+      "description": "Shortcut for the default warning text (text-default).",
       "namespace": "--color",
       "key": "warning-fg"
     },
     "--magma-warning-border": {
       "theme": "--color-warning-border",
+      "description": "Shortcut for the functional warning border (border-default).",
       "namespace": "--color",
       "key": "warning-border"
     },
     "--magma-danger-wash-soft": {
       "theme": "--color-danger-wash-soft",
+      "description": "The danger background, the least marked.",
       "namespace": "--color",
       "key": "danger-wash-soft"
     },
     "--magma-danger-wash-base": {
       "theme": "--color-danger-wash-base",
+      "description": "The danger background, at its default prominence.",
       "namespace": "--color",
       "key": "danger-wash-base"
     },
     "--magma-danger-wash-strong": {
       "theme": "--color-danger-wash-strong",
+      "description": "The danger background, the most marked: icons only, no essential text.",
       "namespace": "--color",
       "key": "danger-wash-strong"
     },
     "--magma-danger-text-default": {
       "theme": "--color-danger-fg-default",
+      "description": "Danger text on the danger background.",
       "namespace": "--color",
       "key": "danger-fg-default"
     },
     "--magma-danger-text-muted": {
       "theme": "--color-danger-fg-muted",
+      "description": "Secondary danger text on the danger background.",
       "namespace": "--color",
       "key": "danger-fg-muted"
     },
     "--magma-danger-text-subtle": {
       "theme": "--color-danger-fg-subtle",
+      "description": "Non-essential danger text on the danger background.",
       "namespace": "--color",
       "key": "danger-fg-subtle"
     },
     "--magma-danger-text-disabled": {
       "theme": "--color-danger-fg-disabled",
+      "description": "Disabled danger text on the danger background.",
       "namespace": "--color",
       "key": "danger-fg-disabled"
     },
     "--magma-danger-border-muted": {
       "theme": "--color-danger-border-muted",
+      "description": "The decorative danger border.",
       "namespace": "--color",
       "key": "danger-border-muted"
     },
     "--magma-danger-border-default": {
       "theme": "--color-danger-border-default",
+      "description": "The functional danger border.",
       "namespace": "--color",
       "key": "danger-border-default"
     },
     "--magma-danger-border-strong": {
       "theme": "--color-danger-border-strong",
+      "description": "The danger border that conveys a state.",
       "namespace": "--color",
       "key": "danger-border-strong"
     },
     "--magma-danger-emphasis": {
       "theme": "--color-danger-emphasis",
+      "description": "The solid danger fill: a solid badge, a button.",
       "namespace": "--color",
       "key": "danger-emphasis"
     },
     "--magma-danger-emphasis-hover": {
       "theme": "--color-danger-emphasis-hover",
+      "description": "The solid danger fill, hovered.",
       "namespace": "--color",
       "key": "danger-emphasis-hover"
     },
     "--magma-danger-emphasis-active": {
       "theme": "--color-danger-emphasis-active",
+      "description": "The solid danger fill, pressed.",
       "namespace": "--color",
       "key": "danger-emphasis-active"
     },
     "--magma-danger-on-emphasis": {
       "theme": "--color-danger-on-emphasis",
+      "description": "Text and icons on the solid danger fill.",
       "namespace": "--color",
       "key": "danger-on-emphasis"
     },
     "--magma-danger-surface": {
       "theme": "--color-danger-surface",
+      "description": "Shortcut for the danger background at its default prominence (wash-base).",
       "namespace": "--color",
       "key": "danger-surface"
     },
     "--magma-danger-fg": {
       "theme": "--color-danger-fg",
+      "description": "Shortcut for the default danger text (text-default).",
       "namespace": "--color",
       "key": "danger-fg"
     },
     "--magma-danger-border": {
       "theme": "--color-danger-border",
+      "description": "Shortcut for the functional danger border (border-default).",
       "namespace": "--color",
       "key": "danger-border"
     },
     "--magma-neutral-fg": {
       "theme": "--color-neutral-fg",
+      "description": "Neutral text and icons on a coloured context.",
       "namespace": "--color",
       "key": "neutral-fg"
     },
     "--magma-neutral-border": {
       "theme": "--color-neutral-border",
+      "description": "A neutral border on a coloured context.",
       "namespace": "--color",
       "key": "neutral-border"
     },
     "--magma-surface-inverse": {
       "theme": "--color-surface-inverse",
+      "description": "A chip that flips with the mode: dark on a light page, light on a dark one.",
       "namespace": "--color",
       "key": "surface-inverse"
     },
     "--magma-surface-inverse-muted": {
       "theme": "--color-surface-inverse-muted",
+      "description": "The inverse chip, one step quieter.",
       "namespace": "--color",
       "key": "surface-inverse-muted"
     },
     "--magma-on-inverse": {
       "theme": "--color-on-inverse",
+      "description": "Text and icons on either inverse surface.",
       "namespace": "--color",
       "key": "on-inverse"
     },
     "--magma-neutral-emphasis": {
       "theme": "--color-neutral-emphasis",
+      "description": "Deprecated: the inverse surface under its old name.",
       "namespace": "--color",
       "key": "neutral-emphasis"
     },
     "--magma-neutral-on-emphasis": {
       "theme": "--color-neutral-on-emphasis",
+      "description": "Deprecated: the ink on the inverse surface under its old name.",
       "namespace": "--color",
       "key": "neutral-on-emphasis"
     },
     "--magma-accent-surface": {
       "theme": "--color-accent-surface",
+      "description": "A background tinted with the brand accent: a selected row or chip.",
       "namespace": "--color",
       "key": "accent-surface"
     },
     "--magma-accent-fg": {
       "theme": "--color-accent-fg",
+      "description": "Text or an icon in the brand accent on a neutral surface, such as a link.",
       "namespace": "--color",
       "key": "accent-fg"
     },
     "--magma-accent-border": {
       "theme": "--color-accent-border",
+      "description": "A border tinted with the brand accent.",
       "namespace": "--color",
       "key": "accent-border"
     },
     "--magma-accent-emphasis": {
       "theme": "--color-accent-emphasis",
+      "description": "The solid fill of the brand accent: the primary action.",
       "namespace": "--color",
       "key": "accent-emphasis"
     },
     "--magma-accent-emphasis-hover": {
       "theme": "--color-accent-emphasis-hover",
+      "description": "The solid fill of the brand accent, hovered.",
       "namespace": "--color",
       "key": "accent-emphasis-hover"
     },
     "--magma-accent-emphasis-active": {
       "theme": "--color-accent-emphasis-active",
+      "description": "The solid fill of the brand accent, pressed.",
       "namespace": "--color",
       "key": "accent-emphasis-active"
     },
     "--magma-accent-surface-hover": {
       "theme": "--color-accent-surface-hover",
+      "description": "A background tinted with the brand accent, hovered.",
       "namespace": "--color",
       "key": "accent-surface-hover"
     },
     "--magma-accent-surface-subtle": {
       "theme": "--color-accent-surface-subtle",
+      "description": "A background tinted with the brand accent, lighter.",
       "namespace": "--color",
       "key": "accent-surface-subtle"
     },
     "--magma-accent-on-emphasis": {
       "theme": "--color-accent-on-emphasis",
+      "description": "Text and icons on the solid fill of the brand accent.",
       "namespace": "--color",
       "key": "accent-on-emphasis"
     },
     "--magma-accent-ai-surface": {
       "theme": "--color-accent-ai-surface",
+      "description": "A background tinted with the AI accent: a selected row or chip.",
       "namespace": "--color",
       "key": "accent-ai-surface"
     },
     "--magma-accent-ai-fg": {
       "theme": "--color-accent-ai-fg",
+      "description": "Text or an icon in the AI accent on a neutral surface, such as a link.",
       "namespace": "--color",
       "key": "accent-ai-fg"
     },
     "--magma-accent-ai-border": {
       "theme": "--color-accent-ai-border",
+      "description": "A border tinted with the AI accent.",
       "namespace": "--color",
       "key": "accent-ai-border"
     },
     "--magma-accent-ai-emphasis": {
       "theme": "--color-accent-ai-emphasis",
+      "description": "The solid fill of the AI accent: the primary action.",
       "namespace": "--color",
       "key": "accent-ai-emphasis"
     },
     "--magma-accent-ai-emphasis-hover": {
       "theme": "--color-accent-ai-emphasis-hover",
+      "description": "The solid fill of the AI accent, hovered.",
       "namespace": "--color",
       "key": "accent-ai-emphasis-hover"
     },
     "--magma-accent-ai-emphasis-active": {
       "theme": "--color-accent-ai-emphasis-active",
+      "description": "The solid fill of the AI accent, pressed.",
       "namespace": "--color",
       "key": "accent-ai-emphasis-active"
     },
     "--magma-accent-ai-surface-hover": {
       "theme": "--color-accent-ai-surface-hover",
+      "description": "A background tinted with the AI accent, hovered.",
       "namespace": "--color",
       "key": "accent-ai-surface-hover"
     },
     "--magma-accent-ai-surface-subtle": {
       "theme": "--color-accent-ai-surface-subtle",
+      "description": "A background tinted with the AI accent, lighter.",
       "namespace": "--color",
       "key": "accent-ai-surface-subtle"
     },
     "--magma-accent-ai-on-emphasis": {
       "theme": "--color-accent-ai-on-emphasis",
+      "description": "Text and icons on the solid fill of the AI accent.",
       "namespace": "--color",
       "key": "accent-ai-on-emphasis"
     }
@@ -4475,7 +4593,7 @@
         "--default-transition-timing-function",
         "--default-transition-duration"
       ],
-      "css": ".transition-cosmetic {\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-timing-function: var(--default-transition-timing-function);\n  transition-duration: var(--default-transition-duration);\n}"
+      "css": ".transition-cosmetic {\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, rotate, scale, transform, translate, width;\n  transition-timing-function: var(--default-transition-timing-function);\n  transition-duration: var(--default-transition-duration);\n}"
     },
     "transition-size": {
       "source": "@maggioli-design-system/design-tokens/dist/css/tailwind-theme-typography.css",