import → use

@import → @use

@import '_01_default_2.0.scss';
@import '_02_base_4.0.scss';
@import '_03_layout.scss';

↓

@use '_01_default_2.0.scss' as *;
@use '_02_base_4.0.scss' as *;
@use '_03_layout.scss' as *;

他のscssでは読み込まない。

グローバルではない

_02_base_4.0.scssに変数を入れているので、_02_base_4.0.scssを以下のファイルで読み込んで@useする。

‘_03_layout.scss

@use '_02_base_4.0' as *;
/*!
- html
- body
- header
- footer
...