[Task](ui): Implement typography text styles

[MartinS-git]

Task Description

Implement the defined typography scale in the Juno UI component library. The scale is defined in Figma and serves as the specification for this implementation.

References

• Handover file: DS_Handover Components — Typography

Typography Scale

Element	Font	Weight	Size (rem)	Size (px)	Line-height	Tailwind LH
h1	IBM Plex Sans	700	1.69rem	27px	1.375	leading-snug
h2	IBM Plex Sans	700	1.56rem	25px	1.375	leading-snug
h3	IBM Plex Sans	700	1.44rem	23px	1.375	leading-snug
h4	IBM Plex Sans	700	1.28rem	20.5px	1.625	leading-relaxed
h5	IBM Plex Sans	700	1.125rem	18px	1.625	leading-relaxed
h6	IBM Plex Sans	700	1rem	16px	1.5	leading-normal

Sub-tasks

• Implement the typography scale in global.css/theme.css into the existing base style section (@layer base) following the established pattern
• Define h1–h6 element styles, aligned with the table above (use rem sizing, px only mentioned for overview)
• Align heading styles in FormattedText/formatted-text.css with the same scale (font-size, line-height, h6 added)

Deliverables

• Typography scale implemented in global.css/theme.css
• Heading styles in formatted-text.css aligned with the same scale
• Aligned with the Figma spec and Tailwind's typographic system

[MartinS-git]

Branch headline-definitions implements the typography scale in @layer base in global.css. PR will follow.