Hello everyone, when running my React + Next.js app I am getting this error:

Module not found: Can't resolve 'next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Poppins","arguments":[{"subsets":["latin"],"weight":["400"]}],"variableName":"poppins"}'

I am importing some fonts like this

import { Poppins } from 'next/font/google';

I am battling with this for more than a week, I scanned and tried every solution available online but still nothing worked. Basically my target.css file in that directory is empty and I cannot progress.

I would appreciate any help, thanks in advance!