Tailwind issue when using Docker + React

[weehong]

When my docker runs npm ci, it shows package.json and lock does not sync because of the TailwindCSS issue.

But when I change the Docker command to npm install, it shows (node:24) UnhandledPromiseRejectionWarning: Error: Cannot find module 'tailwindcss'.

I have tried to change the package which shown below and still receiving an error.

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

TO

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

Refer to the image name PostCSS8 and Tailwind@PostCSS7-Compact for the actual error message.

I have tried to move the tailwindcss from devDependencies to dependencies and that does not help either.