Cannot close Dialog in the production build

[lilouartz]

Don't even know how to debug this, but what's happening is that I cannot close the Dialog in the production built.

If you click on Report an Issue or the product image, it opens a dialog with overlay.

https://pillser.com/supplements/phase-2-592

In development build, I am able to close it either with Escape button or by clicking on the overlay.

However, the same thing does not work in production build.

The code is very simple:

<Dialog.Root
  lazyMount
  onOpenChange={(details) => {
    setOpen(details.open);
  }}
  open={open}
>
  <Dialog.Trigger className={link({ color: 'grey' })}>
    Report an issue
  </Dialog.Trigger>
  <Portal>
    <Dialog.Backdrop />
    <Dialog.Positioner>
      <Dialog.Content
        className={css({
          margin: '0 8px',
          minWidth: '320px',
        })}
      >
        <Content
          onClose={() => setOpen(false)}
          product={product}
        />
      </Dialog.Content>
    </Dialog.Positioner>
  </Portal>
</Dialog.Root>

[lilouartz]

Turns out this was because I accidentally removed some of the CSS variables.