Fix deprecated SASS rules

[Akron]

Newer versions of Dart SASS warn with deprecation warnings like the following:

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

    ╷
17  │ ┌   &.visible {
18  │ │     opacity: 1;
19  │ │   }
    │ └─── nested rule
... │
23  │       position: outside;
    │       ^^^^^^^^^^^^^^^^^ declaration
    ╵
    dev/scss/base/menu.scss 23:5  @import
    dev/scss/base/base.scss 9:9   @import
    dev/scss/kalamar.scss 8:9     root stylesheet

These are easily fixable, though not serious, as long as we can still build it. Could be addressed after Uyens submission.

(reported by @kupietz )