How to Solve tailwind css configuration not found

Recently i have been working in a React js project where also include vite and shadcn/ui
and once i go to setup my project with shadcn-ui and i just enterd npx shadcn@latest init command into my terminal.
after a few seconds its show me an warring like bellow:
tailwind css configuration not found

and then i thought what was the problem and looking for solution.
after a few times i understand, i have to declare in my global css file, that i am going to use talwind.
and then i go to my react project and then src folder and open index.css file.
and now in the top of the index.css file i imported this three library:
@tailwind base;
@tailwind components;
@tailwind utilities;

and then again entered npx shadcn@latest init command. now it successfully installed.

Note: i have so many times to try upload error and solutions screenshot, but i am not sure why devto blog can't enable to upload my images.

Thank you
Happy Coding
.
osman forhad
Full-Stack Developer💻 (Mobile App & Web App)
[e-mail]