Sass Deprecation Warnings at nuxt admin template when running `dev` script

[3aluw]

After downloading and running the nuxt admin template, the dev script produces multiple Sass deprecation warnings.

The warnings are related to declarations appearing after nested rules, which Sass will change in an upcoming release.
These warnings come from files under @morpheme/themes, particularly _data-table-pagination.scss.

Error Output (excerpt):

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

Steps to Reproduce:

1. Download the admin template.
2. Run pnpm install.
3. Run pnpm dev.

Expected behavior:
The project should compile without deprecation warnings.

Actual behavior:
Multiple Sass deprecation warnings are displayed during compilation.

Suggested fix:

• Update the affected Sass files to follow the new recommended syntax.

• For example, either:

  • Move declarations above nested rules, or
  • Wrap them in & {} blocks as recommended by Sass.

Additional context:
The warnings originate from @morpheme/themes@1.0.0.
Here’s the Sass documentation for reference:
🔗 https://sass-lang.com/d/mixed-decls