fix(Button): treat a string label like a Text child

[Lisa18289]

A Button with an icon and a label lost the spacing between them inside a Link. Digging into that surfaced the same root cause one level down, so this fixes both.

Link wrapped all Button children in a single Text, collapsing icon and label into one flex item — the button's column-gap had nothing to apply to.

Button only wrapped children in Text when they were a lone string, and :has(.text) was the only signal that a button contains text. So a raw string next to an icon matched nothing: <Button><Icon />Label</Button> got the icon-only padding (8px instead of 16px), and a plain pending button hid its label. Which branch a button took depended on how the label happened to be written — Label and {x} Label behaved differently.

The button now carries the marker itself, so a string is detected wherever it sits, including through the fragment Link passes down. That drops the Text wrapper from both components; .content keeps the two properties it contributed (text-align, text-wrap-style).

Also removes a dead selector: &:where(:has(.text) .icon) compiles to .flow--button:where(:has(.flow--button--text) .flow--button--icon) — a compound selector that can never match.

Baselines: three scenarios change on purpose — the icon+string padding, the plain pending label, and sub-pixel text rendering where a label is no longer inside a span. The darwin baselines are updated; the linux ones come from the update-screenshots label.

🤖 Generated with Claude Code

[github-actions]

Coverage Report for ./packages/components/

Status	Category	Percentage	Covered / Total
🔵	Lines	78.69%	746 / 948
🔵	Statements	78.57%	763 / 971
🔵	Functions	80.09%	165 / 206
🔵	Branches	70.33%	377 / 536

File Coverage

No changed files found.

Generated in workflow #6553 for commit e887724 by the Vitest Coverage Report Action

[github-actions]

🚀 Preview Deployment

Preview environments are ready:

Type	URL
docs	pr-3053.docs.review.flow-components.de
storybook	pr-3053.storybook.review.flow-components.de

Images:

• docs: ghcr.io/mittwald/flow/docs:pr-3053
• storybook: ghcr.io/mittwald/flow/storybook:pr-3053

[github-actions]

❌ Visual Regression Tests Failed

At least one shard did not pass. If snapshots differ from the committed baselines, download the visual-diffs-* artifacts from this run to inspect the actual/diff images (a shard that failed before comparison, e.g. during install or browser setup, leaves none).

If the differences are intentional, update the baselines by adding the update-screenshots label to the PR.

Run details