feat(ActionList sub components) Convert to CSS Modules

[langermank]

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

👉 Please make sure to review this collapsed file as its probably the most important one: Item

Converts the following ActionList components:

• Description
• Group
• Item
• LinkItem
• Selection
• TrailingAction
• Visuals

VRT

There are some visual changes and bug fixes that were only possible to make in this giant PR. Sorry in advance 😄 I will showcase them below since the PR is large and won't render all images.

before	after	what changed
		inactive icon misaligned
		divider width
		extremely tiny padding change
		item text size bug fix

I have also made the decision to remove a specific VRT test that fails between default and enabled. The failure is likely due to a flex vs grid layout and very minor, and it's not something I can easily "fix" in default. I'm willing to take the risk here.

CleanShot.2024-12-11.at.12.06.59.mp4

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: 82be5a5

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	104.05 KB (+0.7% 🔺)
packages/react/dist/browser.umd.js	104.53 KB (+0.83% 🔺)

[primer-integration]

🟢 golden-jobs completed with status success.

[TylerJDev]

I noticed a small difference with trailing visuals in the Link Item story

It looks like this is due to the display: grid being attached on the container of the items (. ActionListSubContent) rather than display: flex, I think 🤔

[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!

[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!