Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Style division warning #15113

Closed
2 tasks done
TannerS opened this issue Nov 6, 2023 · 1 comment
Closed
2 tasks done

[Bug]: Style division warning #15113

TannerS opened this issue Nov 6, 2023 · 1 comment

Comments

@TannerS
Copy link
Contributor

TannerS commented Nov 6, 2023

Package

@carbon/react

Browser

Chrome, Firefox

Package version

1.41.1

React version

17

Description

getting this warning when compliing my styles from carbon

 css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/client/app.scss 1.18 MiB [built] [code generated]

LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/client/app.scss
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w> 
<w> Recommendation: math.div(convert.to-rem(2px), 2) or calc(convert.to-rem(2px) / 2)
<w> 
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w> 
<w> node_modules/@carbon/styles/scss/components/slider/_slider.scss 149:39  slider()
<w> node_modules/@carbon/styles/scss/components/slider/_index.scss 4:1      @use
<w> node_modules/@carbon/styles/scss/components/_index.scss 60:1            @use
<w> node_modules/@carbon/styles/index.scss 22:1                             @use
<w> src/client/app.scss 17:1                                                root stylesheet
<w> 

webpack 5.89.0 compiled successfully in 36680 ms

Reproduction/example

N/A

Steps to reproduce

When building webpack

Suggested Severity

None

Application/PAL

Support Center / IBM Cloud

Code of Conduct

@tw15egan
Copy link
Collaborator

tw15egan commented Nov 6, 2023

Should be fixed via #15063 and included in v11.41.2 https://github.com/carbon-design-system/carbon/releases/tag/v11.41.2

@tw15egan tw15egan closed this as completed Nov 6, 2023
@github-project-automation github-project-automation bot moved this to ✅ Done in Design System Nov 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

2 participants