I fix the problem by adding a line to index.css

@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));

if you want to read more: how-i-fixed-tailwind-css-v4-dark-mode-not-working-in-a-vite-react-project