fix(contextual-layout-tokens): support individual component style imports

[janhassel]

Ref #13968

Closes #13986

Changelog

Changed

• Imported layout module via @use from /styles/utilities/layout.scss to ensure tokens are always present when needed
• Added ContainedList styles to build files
• Added fallbacks for type properties used in contained-list.scss and button/mixin.scss
• Improve isolated rendering of ContainedList (when only contained-list.scss is imported by the user)

Testing / Reviewing

Replace packages/react/.storybook/styles.scss with the following:

@use '../scss/components/accordion';
@use '../scss/components/button';
@use '../scss/components/contained-list';
@use '../scss/components/content-switcher';
@use '../scss/components/copy-button';
@use '../scss/components/progress-bar';
@use '../scss/components/tag';
@use '../scss/components/text-input';
@use '../scss/components/tile';

• Verify the components supporting contextual layout tokens don't have any layout token-related regressions when imported without global styles:
  • Accordion
  • Button
  • ContainedList
  • ContentSwitcher
  • CopyButton
  • ProgressBar
  • Tag
  • TextInput
  • Tile
• Verify the layout tokens are only emitted once in the generated packages/styles/css/styles.css

Note: With the isolated styles there are regressions in color caused by missing imports of the layer module. To contain the size of PRs this is not covered in this PR but should be handled in a separate one.

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	23125a1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/648869487fcca0000882d4a4
😎 Deploy Preview	https://deploy-preview-13984--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	23125a1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6488694880c2160008c659c3
😎 Deploy Preview	https://deploy-preview-13984--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[tw15egan]

🙏🏻 Thanks for fixing this so quickly!