SassError on background-color: rgb(from #cce9ff r g b / 50%);

[bandersen22000]

What version of rsuite are you using?

5.46.0

What version of React are you using?

17

What version of TypeScript are you using (if any)?

4.8.3

What browser are you using?

Chrome

Describe the Bug

I am using "sass": "^1.54.7",

Module build failed (from ../../node_modules/sass-loader/dist/cjs.js):
SassError: Only 3 elements allowed, but 5 were passed.
╷
3088 │ background-color: rgb(from #cce9ff r g b / 50%);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src\styles\rsuite.css 3088:21 root stylesheet

Expected Behavior

That I don´t get a sass error. Please correct the stylings. The error occurs multiple times in the rsuite.css file.

To Reproduce

No response

[simonguo]

Hi @bandersen22000
This is the relative color syntax feature of CSS. The latest version of Sass already supports it. Please try upgrading the Sass version. sass/sass#3673