SassError: 2 arguments required, but only 1 was passed. | Mantine | Page 1

fallen yarrow Sep 18, 2023, 9:45 PM

#

Basically facing this same issue ( https://github.com/carbon-design-system/carbon/issues/14415 ) in Mantine with latest version of sass, the workaround for now is to downgrade the sass version to 1.64.2

GitHub

[Bug]: New version of SASS package does not work with Carbon (compa...

Package carbon-components Browser Chrome Package version 10.58.8 React version v18,v20 Description New version of SASS: https://github.com/sass/dart-sass/blob/main/CHANGELOG.md#1651 seems to break ...

#

They added their own rem() function to sass in version 1.65

https://github.com/sass/dart-sass/blob/main/CHANGELOG.md#1650

cosmic lake Sep 19, 2023, 5:55 AM

#

fallen yarrow Basically facing this same issue ( https://github.com/carbon-design-system/carbo...

Mantine postcss preset is designed for css, if you use sass, you should use functions/mixins that are provided by them

fallen yarrow Sep 19, 2023, 8:10 AM

#

cosmic lake Mantine postcss preset is designed for css, if you use sass, you should use func...

If i got it right rem() is going to be a new css function that won't be used for rem units but calculating remainder, is there a way to rename mantine one to to-rem() for example

https://developer.mozilla.org/en-US/docs/Web/CSS/rem

rem() - CSS: Cascading Style Sheets | MDN

The rem() CSS function returns a remainder left over when the first parameter is divided by the second parameter, similar to the JavaScript remainder operator (%). The remainder is the value left over when one operand, the dividend, is divided by a second operand, the divisor. It always takes the sign of the dividend.

#SassError: 2 arguments required, but only 1 was passed.