Why @use rules must be written before any other rules. when is he first?

Question

Sass

global.scss

@use 'modules';
//keep the right order
@import 'colors';
@import 'functions';
// styles
@import 'fonts';
@import 'transitions';
@import 'override';

Answer 1

You have something like this in webpack.config.js (it's the first one you see):

{
            loader: "sass-loader",
            options: {
                additionalData: '@import "commonVariables.scss";'
            }
        }