特定のコンポーネントにのみreset.cssをあてたい

Question

やりたいこと

現在Next.js+CSSModules(SCSS)を使用して開発しています。
解決したい問題が、特定のコンポーネントにのみreset.cssをあてる（もしくは特定のコンポーネントをreset.cssの対象外とする)というものです。

試したこと

globalなcssとしてreset.scssを用意し、isを使用してresetクラスにのみスタイルがあたるようにしてみました。

// global.scss
:is(.reset) {
  // reset.cssの内容
  html,
  body,
  div,
  span,
  applet,
  object,
  ...
}

そしてreset.cssをあてたいコンポーネントにはクラス名にresetをつけてみたのですが、これだとcssModuleで指定しているスタイルにreset.cssの詳細度が勝ってしまい、上手くいきませんでした。
(reset.css→クラス名+要素セレクタ　cssModule→クラス名のみ）

次にreset.cssの内容をmixinとして用意して、各スタイルの先頭でincludeしてみました。

//reset.scss
@mixin reset {
  // reset.cssの内容
  html,
  body,
  div,
  span,
  applet,
  object,
  ...
}

//button.scss

@import 'styles/reset.scss';

.button {
  @include reset;
  width: 100px;
}

こちらも先ほどと同様の問題が発生し、上手くいきませんでした。

何か良い方法は無いでしょうか。
宜しくお願い致します。