dont use @import for sass

[rburgst]

getting the following warning when building

Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

4 | @import "./_menu";

src/styles/layout/layout.scss 5:9  root stylesheet

Import trace for requested module:
./src/styles/layout/layout.scss.webpack[javascript/auto]!=!./node_modules/.pnpm/next@15.0.0_@babel+core@7.26.0_babel-plugin-react-compiler@0.0.0-experimental-48eb8f4-2024082_ez2rqp4v3d5qmvjvfr5j3dvse4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/.pnpm/next@15.0.0_@babel+core@7.26.0_babel-plugin-react-compiler@0.0.0-experimental-48eb8f4-2024082_ez2rqp4v3d5qmvjvfr5j3dvse4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/.pnpm/next@15.0.0_@babel+core@7.26.0_babel-plugin-react-compiler@0.0.0-experimental-48eb8f4-2024082_ez2rqp4v3d5qmvjvfr5j3dvse4/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/.pnpm/next@15.0.0_@babel+core@7.26.0_babel-plugin-react-compiler@0.0.0-experimental-48eb8f4-2024082_ez2rqp4v3d5qmvjvfr5j3dvse4/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/styles/layout/layout.scss
./src/styles/layout/layout.scss

[rburgst]

see also https://sass-lang.com/d/import