[Bug]: Individual component import isn't allowing reset/default configuration

[somasri-git]

Package

@carbon/react

Browser

Chrome

Package version

1.27.0

React version

Next version: 12.3.4 React:18.2.0

Description

• while importing individual component, default and reset styles are not configurable. Giving SASS error. Application is using // @use '@carbon/react'; at global scope. Instead of using all carbon components, if individual components to be imported, carbon is not allowing default/reset style configuration i.e. the 'with' keyword given below. Error screenshot attached.
  

Reproduction/example

Use this in your sass file [eg. abcd.scss] @use '@carbon/react/scss/components/text-input' with ( $css--default-type: false, $css--reset: false, ) ; This is not working.

Steps to reproduce

Use this in your sass file [eg. abcd.scss]
@use '@carbon/react/scss/components/text-input' with (
$css--default-type: false,
$css--reset: false,
) ;

This is not working.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

Macy's Knowledge Management

Code of Conduct

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

[tay1orjones]

@somasri-git Thanks for reporting this. Could you share more of the use case surrounding this? This is the first request we've seen asking to make the component-level reset configurable for individual components. Both $css--default-type $css--reset are meant to be configured at only a global level through @carbon/react or @carbon/react/scss/config

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.