Phpstrom tailwind css autocomplete not working in vite react project

Hi create a new project in React project with Vite but the tailwind css auto complete is not working and i dont know why

here is the tailwind doc link
https://tailwindcss.com/docs/guides/vite


Hers is Log
```
Tailwind CSS: Tailwind CSS: require() of ES Module /mnt/DevOps/devops/text-to-image/tailwind.config.js from /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server not supported. tailwind.config.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules. Instead rename tailwind.config.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in /mnt/DevOps/devops/text-to-image/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead). Error [ERR_REQUIRE_ESM]: require() of ES Module /mnt/DevOps/devops/text-to-image/tailwind.config.js from /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server not supported. tailwind.config.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules. Instead rename tailwind.config.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in /mnt/DevOps/devops/text-to-image/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead). at TA._require.Ka.default.require (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:300:1554) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:10601 at Generator.next ( ) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1219 at new Promise ( ) at eH (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1039) at Z (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:9512) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:4811 at Generator.next ( ) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1219 at new Promise ( ) at eH (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1039) at E (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:4769) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:9486 at Generator.next ( ) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1219 at new Promise ( ) at eH (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1039) at k (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:4859) at Object.  (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:4721) at Generator.next ( ) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1219 at new Promise ( ) at eH (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:2:1039) at Object.y [as tryInit] (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:723:4679) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:725:13504 at J8.invoke (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:137:14414) at np.fire (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:137:15184) at /snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:168:59532 at Ce (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:139:1590) at _e (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:138:6848) at Immediate.  (/snap/phpstorm/329/plugins/tailwindcss/server/tailwindcss-language-server:138:6726)
```