Update to tailwind css 4 give infinite loop with `npm run watch`

[chrisvidal]

package.json

"dependencies": {
        "@tailwindcss/postcss": "^4.0.7",
        "mix-tailwindcss": "^1.3.0",
        "postcss": "^8.5.3",
        "postcss-import": "^16.1.0",
        "tailwindcss": "^4.0.7"
    }

webpack.mix.js

let mix = require("laravel-mix");

require('mix-tailwindcss');

mix.setPublicPath("./")
    .setResourceRoot("/themes/enzaalex")
    .js("assets/src/js/app.js", "assets/dist/js")
    .postCss("assets/src/scss/app.css", "assets/dist/css", [])
    ;

and If I add .tailwind(), i see this error

[webpack-cli] Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.