fix(ui): Balance headings and prettify body text to reduce widows

.changeset/text-wrap-widows.md

@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Headings now use `text-wrap: balance` and body text uses `text-wrap: pretty` to reduce widows and orphans when text wraps across lines. This is a progressive enhancement that falls back to normal wrapping in browsers without support.

packages/ui/src/primitives/Heading.tsx

@@ -6,6 +6,7 @@ const { applyVariants, filterProps } = createVariants(theme => ({
     boxSizing: 'border-box',
     color: `${theme.colors.$colorForeground}`,
     margin: 0,
+    textWrap: 'balance',
   },
   variants: {
     textVariant: { ...common.textVariants(theme) },

packages/ui/src/primitives/Text.tsx

@@ -10,6 +10,7 @@ const { applyVariants, filterProps } = createVariants(theme => {
       boxSizing: 'border-box',
       margin: 0,
       fontSize: 'inherit',
+      textWrap: 'pretty',
       ...common.disabled(theme),
     },
     variants: {