I'm trying to make Mantine and Tailwind styles override correctly.

globals.css:

@tailwind base;
@import "@mantine/core/styles.css";
@tailwind components;
@tailwind utilities;

This works great, except Next.js splits this into two css files, as seen in the attached screenshot.

This results in a flash of unstyled content for users.

Is there a way to force Next.js to bundle these css files together?