@utility removing all styles

[me-nkr]

• I created a react app using vite (npm create vite@latest)

• Installed tailwind using npm i -D tailwindcss @tailwindcss/vite

• Imported tailwind in vite config

• put the @import "tailwindcss" in src/index.css

• and using the utility classess worked

• now I added a

@utility ding-dong {
    padding: 0
}

• and the whole applied styles are gone

[wongjn]

Perhaps check you've added a semi-colon after @import:

-@import "tailwindcss"
+@import "tailwindcss";

[me-nkr]

that seems to be it, thanks mate :)