Estoy trabajando en mi primer proyecto NEXT Js y recibo este error al importar una fuente desde una URL como esta.

 @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800&display=swap');

Tengo este problema mientras ejecuto el servidor de desarrollo:

 Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. > @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800&display=swap');

Mi próximo archivo de configuración:

 if (typeof require !== 'undefined') { require.extensions['.less'] = file => { }; } const withLess = require('@zeit/next-less'), nextConfig = { //target: 'serverless', env: { weatherApi: '', mapBoxApi: '', // port: 'http://localhost:4000/' // port: 'http://3.134.94.242:4000/' port: 'http://3.134.94.242:4000/' }, onDemandEntries: { maxInactiveAge: 1000 * 60 * 60, pagesBufferLength: 5 }, lessLoaderOptions: { javascriptEnabled: true }, webpack: config => config }; module.exports = withLess(nextConfig);

Cualquier ayuda sería apreciada.