title: Tailwind custom forms plugin not working with Svelte Rollup
body: <p>I have this rollup config:</p>
  <pre><code>...
  import tailwind from &quot;tailwindcss&quot;;
  
  ...
  
  export default {
    ...
    plugins: [
      svelte({
        preprocess: sveltePreprocess({
          postcss: {
            plugins: [tailwind(&quot;./tailwind.config.js&quot;)],
          },
        }),
        compilerOptions: {
          // enable run-time checks when not in production
          dev: !production,
        },
      }),
  
      css({ output: &quot;bundle.css&quot; }),
  
      resolve({
        browser: true,
        dedupe: [&quot;svelte&quot;],
      }),
      commonjs(),
      typescript({
        sourceMap: !production,
        inlineSources: !production,
      }),
  
      !production &amp;&amp; serve(),
      !production &amp;&amp; livereload(&quot;public&quot;),
  
      // If we're building for production (npm run build
      // instead of npm run dev), minify
      production &amp;&amp; terser(),
    ],
    watch: {
      clearScreen: false,
    },
  };
  </code></pre>
  <p>And this tailwind.config.js file:</p>
  <pre><code>const production = !process.env.ROLLUP_WATCH;
  
  module.exports = {
    purge: {
      content: [&quot;./src/**/*.svelte&quot;, &quot;./public/**/*.html&quot;],
      css: [&quot;./public/**/*.css&quot;],
      enabled: production, // disable purge in dev
    },
    darkMode: &quot;class&quot;,
    theme: {
      customForms: (theme) =&gt; ({
        default: {
          &quot;input, textarea&quot;: {
            &quot;&amp;::placeholder&quot;: {
              color: theme(&quot;colors.gray.400&quot;),
            },
          },
        },
      }),
      ...
    },
    plugins: [require(&quot;@tailwindcss/forms&quot;)],
  };
  </code></pre>
  <p>I have it running in a Docker container. Tailwind styles are applied fine by using a custom <code>TailwindCSS.svelte</code> component that is imported into <code>App.svelte</code> and then applied there.</p>
  <p>However the form styling by the <a href="https://github.com/tailwindlabs/tailwindcss-forms" rel="nofollow noreferrer">this plugin</a> is not working.</p>
  <p>Anyone any ideas? Is this due to the rollup config?</p>