title: Tailwind class is not being applied
body: <p>I have a question why this dynamic class is not applied to tailwind? In devtools I have i.e w-33% but CSS does not show that width is 33%.</p>
  <pre><code>const QuizComponent: React.FC&lt;QuizProps&gt; = (props) =&gt; {
    const items = props.flashcard?.items;
    const widthOfBlock = (100 / items.length).toString();
    const width = `w-[${widthOfBlock.toString()}%]`;
  
   
  
    for (let i = 0; i &lt;= actualIndex; i++) {
      console.log(&quot;width&quot;, width);
      arrayOfProgressBlocks.push(
        &lt;div key={i} className={`${width} border-2 border-blue-500 `} /&gt;
      );
    }
  
    return (
      &lt;div className=&quot;h-screen w-full grid place-items-center&quot;&gt;
        &lt;div className=&quot; w-screen place-self-end flex gap-2&quot;&gt;
          {arrayOfProgressBlocks}
        &lt;/div&gt;
      &lt;/div&gt;
    );
  };
  
  export default QuizComponent;
  </code></pre>