Sass deprecation warnings (v1.77.7): Mixed declarations

[7ochem]

Describe the bug
I updated all my dependencies in my Nuxt project and now I see a lot of deprecation warnings:

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/@braid/vue-formulate/themes/snow/_inputs.scss
225│       border-color: $formulate-green;
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> node_modules/@braid/vue-formulate/themes/snow/_variables.scss
52 │ ┌   &:focus {
53 │ │     outline: 0;
54 │ │     border: 1px solid $formulate-green;
55 │ │   }
   │ └─── nested rule
   ╵
    node_modules/@braid/vue-formulate/themes/snow/_inputs.scss 225:5  @import
    assets/scss/formulate.scss 3:9                                    root stylesheet

To Reproduce
Steps to reproduce the behavior:

1. Update sass package to 1.77.7
2. See console output (during building the project)

Expected behavior
No deprecation warnings from Sass