Support for autoprefixer/postcss for -webkit-* css rules

[ErwinAI]

Generating for an element that has a class requiring -webkit-* css rules to work in a specific browser, doesn't work as expected.

Required is adding 'autoprefixer' package to the plugins list of PostCSS.
https://tailwindcss.com/docs/browser-support#vendor-prefixes

example
Input:

<div class="bg-clip-text"></div>

Output:

.bg-clip-text {
    background-clip: text
}

Expected output (in Chrome):

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

[mhsdesign]

Hi, for that usecase i think you have to use the lower level api to create your own postcss instance:

https://github.com/mhsdesign/jit-browser-tailwindcss/tree/main#lower-level-api-to-create-tailwind-post-css-plugin

const processor = postcss([
    createTailwindcssPlugin({ tailwindConfig, content }),
    // autoPrefixerPlugin
]);
const { css } = await processor.process(css, { from: undefined });