CSS-in-JS

Context

yarn add --dev @vanilla-extract/css @vanilla-extract/jest-transform @vanilla-extract/webpack-plugin

webpack/config/common.ts

import { VanillaExtractPlugin } from "@vanilla-extract/webpack-plugin";

export default {
  plugins: [new VanillaExtractPlugin()],
};

.jestrc.json

{
  "transform": {
    "^.+\\.css\\.[jt]sx?$": "@vanilla-extract/jest-transform"
  }
}