css - 类名不适用于 Preact 中的 SASS 模块

Question

我在 Preact 中遇到了 sass 模块的类名问题：

// Card component
import { h, Component } from "preact";
import cx from "classnames";
import style from "./style";

export const Card = () => {
  return (
    <div class={style.card}>
      <div class={cx(style.image, "image-item")} />
      <div class={style.body} />
    </div>
  );
};

// in style.scss
.card {
  .image-item {
    margin-bottom: 23px;
  }
}

指定的 margin-bottom css 没有得到应用，有什么想法吗？