Adding this line into global.css right after @import "tailwindcss" fixes the problem.

@import "tailwindcss";
@custom-variant hover (&:hover);

This solution was originally intended to fix the issue where hover effects don’t work on devices that don’t explicitly support :hover, like the touchscreen laptop mentioned in the Reddit post. It effectively resolves the problem, and I haven’t encountered any issues with it.