As I transition my project from Vite JS to Next JS, I am currently facing an issue with importing Tailwind styles from a file. Even though the file is being read by my project, the styles are not being applied as expected.
I'm wondering if there is a way to achieve similar functionality in Next JS or if there is another method I should consider.
// Example styles.js file located in the styles folder of a Next JS Project
export const styles = { padding: "sm:px-8 py-3" };
// Implementation in any component within the Next JS Project
import { styles } from "../styles/styles.js";
const About = () => (
<div className={`${styles.padding} text-white`}>
...
</div>
)