chore(TooltipV2): Remove the CSS modules feature flag from the TooltipV2 component

[jonrohan]

Closes https://github.com/github/primer/issues/4296

Changelog

New

Changed

Removed

Remove the CSS modules feature flag from the TooltipV2 component

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: 142297d

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	Minor

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	101.31 KB (-0.32% 🔽)
packages/react/dist/browser.umd.js	101.75 KB (-0.3% 🔽)

[primer-integration]

👋 Hi from github/github! Your integration PR is ready: https://github.com/github/github/pull/374797

[primer-integration]

🟢 golden-jobs completed with status success.

[Copilot]

Pull Request Overview

This PR removes the CSS modules feature flag from the TooltipV2 component, streamlining the tooltip styling logic. Key changes include:

• Removal of styled-components-based logic and the feature flag.
• Replacement of the StyledTooltip with a new BaseComponent using toggleSxComponent.
• Update of className usage to always include the Tooltip CSS module.

Reviewed Changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated no comments.

File	Description
packages/react/src/TooltipV2/Tooltip.tsx	Removed CSS modules feature flag imports and conditional styling; replaced with BaseComponent
.changeset/petite-women-notice.md	Added changeset notice for removing the CSS modules feature flag from TooltipV2

Files not reviewed (1)

• packages/react/src/tests/snapshots/TextInput.test.tsx.snap: Language not supported

Comments suppressed due to low confidence (2)

packages/react/src/TooltipV2/Tooltip.tsx:84

• [nitpick] Consider renaming 'BaseComponent' to a more descriptive name (e.g. 'TooltipContainer') to clearly indicate its role in the TooltipV2 component.

const BaseComponent = toggleSxComponent('span') as React.ComponentType< SxProp & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLSpanElement> >

packages/react/src/TooltipV2/Tooltip.tsx:291

• Ensure that the removal of the conditional CSS modules feature flag and the direct application of the Tooltip CSS class are fully covered by tests to prevent styling regressions across browsers.

<BaseComponent className={clsx(className, classes.Tooltip)} ref={tooltipElRef} data-direction={calculatedDirection} {...rest}>

[francinelucca]

✨

[github-actions]

👋 Hi, there are new commits since the last successful integration test. We recommend running the integration workflow once more, unless you are sure the new changes do not affect github/github. Thanks!