Sass deprecation warning

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

Start by reproducing the warning with Sass 1.77.8, then inspect the referenced rules in node_modules/@chatscope/chat-ui-kit-styles/themes/default/components/_avatar.scss and helpers/_mixins.scss. Trace their imports through main.scss and determine the expected resolution; the warning should no longer occur without changing the intended styling.

Written by the indexing model from the issue text.