Panda CSS with Astro, example of importing index.css in root component

[Magnus2142]

Subject

Panda CSS + Astro

Description

In the (docs for settings up Panda CSS in a Astro project)[https://panda-css.com/docs/installation/astro], it would be nice to make it more clear that you have to import the index.css in your root component in the project.

At step 4 you're told to add a index.css file in the src folder, and then import it in the root component of your project.

It is pretty obvious now that I realised my mistake, but I suspect others may overlook this instruction as well. Adding a code block underneath the first one, showing an example of importing the index.css into a src/pages/index.astro file could be helpful. 😄

[segunadebayo]

Good suggestion. I've added this to the docs.