title: Tailwind styles not working on production
body: <p>I've built a creat-react-app application and deployed it into Netlify (<a href="https://festive-booth-3f3a79.netlify.app/" rel="nofollow noreferrer">https://festive-booth-3f3a79.netlify.app/</a>) but as you can see, for some reason styles are not being loaded.</p>
  <p>I've tried to deploy the app with Vercel, but I've the same problem.</p>
  <p>This is my <em><code>tailwind.config.js</code></em></p>
  <pre><code>module.exports = {
    important: true,
    // Active dark mode on class basis
    darkMode: &quot;class&quot;,
    i18n: {
      locales: [&quot;en-US&quot;],
      defaultLocale: &quot;en-US&quot;,
    },
    purge: {
      content: [&quot;./pages/**/*.tsx&quot;, &quot;./components/**/*.tsx&quot;],
      // These options are passed through directly to PurgeCSS
    },
    theme: {
      extend: {},
    },
    variants: {
      extend: {
        backgroundColor: [&quot;checked&quot;],
        borderColor: [&quot;checked&quot;],
        inset: [&quot;checked&quot;],
        zIndex: [&quot;hover&quot;, &quot;active&quot;],
      },
    },
    plugins: [],
    future: {
      purgeLayersByDefault: true,
    },
  };
  </code></pre>
  <p>Here you can check all the others files I have: <a href="https://gitlab.com/lucas.distasi/react-tmdb" rel="nofollow noreferrer">https://gitlab.com/lucas.distasi/react-tmdb</a></p>
  <p>Running on my local with <code>yarn start</code> inside the build folder created after <code>yarn run build</code> works perfectly fine. So I'm guessing it's a problem with the Tailwind CSS files when deploying on a remote server.</p>