Align Tooltip font with PVC

[langermank]

Closeshttps://github.com/github/primer/issues/5515

Changelog

Visually aligns the React Tooltip with PVC's

Before:

prc	pvc

After:

prc	pvc

New

Changed

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: c6fff1c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	92.32 KB (0%)
packages/react/dist/browser.umd.js	92.47 KB (0%)

[Copilot]

Pull Request Overview

This PR aligns the Tooltip component's font styling with Primer View Components (PVC) by replacing hardcoded CSS values with design token variables and making related improvements.

Key changes:

• Updates font and padding properties in Tooltip to use design system tokens instead of hardcoded values
• Adds text-wrap: balance for better typography
• Removes outdated margin adjustment for keybinding hints
• Disables animations in a test for better stability

Reviewed Changes

Copilot reviewed 3 out of 147 changed files in this pull request and generated 1 comment.

File	Description
packages/react/src/TooltipV2/Tooltip.module.css	Updates font, padding, and layout styles to use design tokens; adds text-wrap balance; removes keybinding hint margin
e2e/components/IconButton.test.ts	Disables animations in keybinding hint test for stability
.changeset/hot-cooks-collect.md	Adds changeset entry documenting the font alignment changes

[Copilot]

The text-wrap: balance property has limited browser support and may not work in older browsers. Consider adding a fallback or checking if this aligns with the project's browser support requirements.

Suggested change

	inset: auto;
	inset: auto;
	word-wrap: break-word; /* Fallback for older browsers */
	overflow-wrap: break-word; /* Ensures compatibility */