CSS prop doesn't work when component that uses it is exported

[Mad-Kat]

When we have a CSS prop in a component that itself is exported e.g.

import { css } from "next-yak";

export const Yak = () => (
  <div
    css={css`
      display: flex;
      gap: 6px;
    `}
  >
    Yak
  </div>
);

the compilation doesn't add the class name to it:

import { css, __yak_mergeCssProp } from "next-yak/internal";
import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
export const YakLogo = ()=><div {.../*YAK EXPORTED MIXIN:YakLogo
.YakLogo {
  display: flex;
  gap: 6px;
}
*/ /*#__PURE__*/ css()({})}>
    Yak
  </div>;

and this means that the styling isn't applied.