sass-utils

インストール

sass-embeddedv1.99.0以上とsass-truev10.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%;
  }
}

ほかの使い方はドキュメントを参照してください。