类名不能与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没有得到应用，有什么想法吗？