I'm trying to conditionally apply a rule via a data-attribute, but it seems the styles are not properly extracted/parsed/applied by Next.js when importing style from "./example.module.css

.image[data-layout="right"] {
  grid-column: 2 / 6;
  grid-row: 1 / 4;
  aspect-ratio: 1/1;
}

.content[data-layout="right"] {
  grid-row: 2/6;
  grid-column: 3 / 6;
}

<div className={styles["content"]}>