sass-embedded(またはsass)v1.89.0以上とsass-truev8.1.0以上を別途インストールする必要があります。
npm i sass-embedded sass-true @iwbc/sass-utilsラッパーSCSSファイルを作成し、必要に応じて変数を設定します。
@forward @iwbc/sass-utils/scss/breakpoint with (
$breakpoints: ('sp': 0, 'tab': 768px, 'pc': 1200px) !default
);ラッパーSCSSをインポートして使用します。
@use breakpoint.scss;
.element {
@include breakpoint.min('tab') {
width: 50%;
}
}ほかの使い方はドキュメントを参照してください。