Sass deprecation warning

[cage1618]

Got the below waring:

Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in & {}.

More info: https://sass-lang.com/d/mixed-decls

┌──> node_modules/@chatscope/chat-ui-kit-styles/themes/default/components/_avatar.scss

108 │ bottom:4%;
│ ^^^^^^^^^ declaration
╵
┌──> node_modules/@chatscope/chat-ui-kit-styles/themes/default/helpers/_mixins.scss
109 │ ┌ .#{$bullet-class} {
110 │ │ width: $bullet-width;
111 │ │ min-width: $bullet-width;
112 │ │ height: $bullet-width;
113 │ │ }
│ └─── nested rule
╵
node_modules/@chatscope/chat-ui-kit-styles/themes/default/components/_avatar.scss 108:7 @import
node_modules/@chatscope/chat-ui-kit-styles/themes/default/main.scss 8:9 @import

sass version: 1.77.8

[cool3rain]

npm install [email protected] --save-exact -D

It's worked for me!

[cage1618]

npm install [email protected] --save-exact -D

It's worked for me!

yes, [email protected] is worked, but I want to use the latest sass.