PurgeCSS deletes all styles except styles from app.scss and always (not only when NODE_ENV=production) in Laravel mix

[FragsterAt]

In fresh laravel project I install tailwindcss, using instruction https://tailwindcss.com/docs/installation/ 1, 2, 3
webpack.mix.js:

const mix = require("laravel-mix");
require("laravel-mix-postcss-config");

const tailwindcss = require('tailwindcss');

mix.setResourceRoot(process.env.APP_URL)
    .js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css")
    .options({
         processCssUrls: false,
         postCss: [tailwindcss("./tailwind.config.js")],
    })

tailwind.config.js

module.exports = {
    purge: {
        content: [
            "./resources/views/**/*.php",
            "./resources/js/**/*.vue"
        ],
        options: {
            whitelist: ['bg-red-500', 'px-4'], // тест whitelist
        }
    },
    theme: {
        extend: {}
    },
    variants: {},
    plugins: []
};

app.scss

@tailwind base;
@tailwind components;
@tailwind utilites;

body {
    @apply bg-gray-400
}

When I run npm run dev or npm run prod resulting app.css file contains correct style for body, but dont contain any styles nor from blade templates, nor from vue components.

I expect, that in dev mode there would be all styles from tailwind, in prod file - styles from laravel and vue templates.

[FragsterAt]

After upgrading to 1.6.1 and changing app.scss to

...
/* purgecss start ignore */
@tailwind  base;
@tailwind  components;
@tailwind  utilities;
/* purgecss end ignore */
...

everything start working as expected. But I think, that comments appled to prod build, not for development