title: Tailwind css not working while its deployed
body: <p>I have installed tailwind in my next.js app , its working in my localhost
  but when i deploy it to vercel or building it and running it, it doesn't use the tailwind classes and its looks like tailwind not installing when i deploy.</p>
  <p>Here is my package json</p>
  <pre><code>{
    &quot;name&quot;: &quot;portofilo&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;next dev&quot;,
      &quot;build&quot;: &quot;next build &amp;&amp; next export&quot;,
      &quot;start&quot;: &quot;next start&quot;,
      &quot;lint&quot;: &quot;next lint&quot;
    },
    &quot;dependencies&quot;: {
      &quot;bootstrap&quot;: &quot;^5.1.0&quot;,
      &quot;eslint&quot;: &quot;7.32.0&quot;,
      &quot;eslint-config-next&quot;: &quot;11.1.0&quot;,
      &quot;next&quot;: &quot;11.1.0&quot;,
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-dom&quot;: &quot;17.0.2&quot;,
      &quot;react-icons&quot;: &quot;^4.2.0&quot;,
      &quot;react-typed&quot;: &quot;^1.2.0&quot;,
      &quot;react-vertical-timeline-component&quot;: &quot;^3.3.3&quot;,
      &quot;styled-components&quot;: &quot;^5.3.0&quot;,
      &quot;styled-normalize&quot;: &quot;^8.0.7&quot;,
      &quot;postcss-import&quot;: &quot;^14.0.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^10.3.1&quot;,
      &quot;postcss&quot;: &quot;^8.3.6&quot;,
      &quot;postcss-import&quot;: &quot;^14.0.2&quot;,
      &quot;tailwindcss&quot;: &quot;^2.2.7&quot;
    }
  }
  </code></pre>
  <p>btw i moved devDependencies to dependencies but still not working</p>