[Bug]: Cannot be used with other Carbon SCSS with import

[lee-chase]

Browser

Chrome

Package version

0.47.0

React version

19

Description

Carbon SCSS imports into project clash with UI Shell import. This may be because the import order causes Component SASS (which can include layout, breakpoint, theme etc) to be processed before the following Carbon import which is the only SCSS in the identified file.

NOTE if I drill down into ui-shell.scss and comment out styles/side-nav the issue goes away.

@use "@carbon/react" with (
  $use-per-family-plex: true
);
@use "@carbon-labs/react-ui-shell/scss/ui-shell";
@use "@carbon/ibm-products/css/index-without-carbon-released-only.min";

Reproduction/example

N/A

Steps to reproduce

Not yet achieved preproduction outside of product.

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[lee-chase]

@alisonjoseph not been able to re-create this in stackblitz.