Tailwind css is not generated when other css is included from js?

[michelson]

Hi there! I'm currently building CSS using Tailwind. However, I've run into an issue. When I import some CSS from JavaScript, like this:

import { Terminal as XTerm } from '@xterm/xterm';
import '@xterm/xterm/css/xterm.css';

sometimes the generated Tailwind CSS file only includes the styles from XTerm and not the Tailwind styles.

To generate the CSS, I use the following command:

npx @tailwindcss/cli -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify

I'm using TW 4, but I've seen this issue in TW 3.2 too

what could be happening here?

[wongjn]

How does the Tailwind CSS file related to XTerm's CSS? Consider providing a git repo that reproduces the unexpected behavior.