Sidebar CSS not working with new version.

[Abdullah-bin-Ilyas]

I have a sidebar in my react app and is working fine with version ^3.2.0 but when i update the package it breaks the sidebar css with latest version ^4.3.2.
My node version is v20.11.1
My npm version is 10.2.4.

[gaweCodes]

I have the same problem. I use Angular instead of React. But the scss/sass fails. Here is my error message:

./libs/core/ui-layout/src/index.scss?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
$string: white is not a string.
    ╷
132 │   @if str-index($string, "data:image/svg+xml") {
    │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  @coreui\coreui\scss\_functions.scss 132:7                      escape-svg()
  node_modules\@coreui\coreui\scss\sidebar\_sidebar.scss 217:37  @import
  node_modules\@coreui\coreui\scss\_sidebar.scss 1:9             @import
  @coreui\coreui.scss 51:9                                       @import
  libs\core\ui-layout\src\index.scss 6:9                         root stylesheet

How to solve this?

[mrholek]

@gaweCodes do you use version 4 or 5?