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