@astro/tailwind is not adding prefixes in devmode

[royeden]

What version of astro are you using?

2.0.1

Are you using an SSR adapter? If so, which one?

Vercel

What package manager are you using?

npm

What operating system are you using?

Linux

Describe the Bug

When updating to Astro 2.0 and the latest @astro/tailwind integration, vendor prefixes are no longer being added to classes when the dev server is running.

To specify:

<h1 class="bg-clip-text text-transparent bg-gradient-to-r from-cyan-500 to-blue-500">Test</h1>

poduces the following <style> injected into astro by vite:

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

instead of the expected:

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

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-hbvmrj

Participation

• I am willing to submit a pull request for this issue.

[marcjulian]

I have noticed this behavioir too. I think this is because autoprefixer is only used during build and not in dev mode.

astro/packages/integrations/tailwind/src/index.ts

Lines 103 to 105 in 088f519

	if (isBuild) {
	postcssPlugins.push(autoprefixerPlugin());
	}

[royeden]

It's actually documented on this commit on the changelog, this seems like an intentional fix, which strikes me as odd.