title: @parcel/transformer-css: Unknown at rule: @tailwind
body: <p>I am trying to set up my react tailwind an typescript project. However i stumbled across an error that i have a hard time getting around.</p>
  <pre><code>@parcel/transformer-css: Unknown at rule: @tailwind
  
    /home/sizzions/Projects/trials/owen/src/index.css:1:10
    &gt; 1 | @tailwind base;
    &gt;   |          ^
      2 | @tailwind components;
      3 | @tailwind utilities;
  
  </code></pre>
  <p>my index.css file</p>
  <pre><code>@tailwind base;
  @tailwind components;
  @tailwind utilities;
  </code></pre>
  <p>index.tsx</p>
  <pre><code>import React from 'react';
  import { createRoot } from 'react-dom/client';
  import { Provider } from 'react-redux';
  import { store } from './app/store';
  import App from './App';
  
  const container = document.getElementById('root')!;
  const root = createRoot(container);
  
  root.render(
    &lt;React.StrictMode&gt;
      &lt;Provider store={store}&gt;
        &lt;App /&gt;
      &lt;/Provider&gt;
    &lt;/React.StrictMode&gt;
  );
  </code></pre>
  <p>index.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;link href=&quot;../index.css&quot; &gt;
      &lt;title&gt;Owen's Bloggy&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id=&quot;root&quot;&gt;
  
      &lt;/div&gt;
      &lt;script type=&quot;module&quot; src=&quot;./../index.tsx&quot;&gt;
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>can anyone assist set up or provide any parcel typescript template</p>