استفاده از فونت لوکال در next js

سلام خسته نباشید
من می خوام از فونت های لوکال خودم استفاده کنم طبق مستندات https://nextjs.org/docs/api-reference/next/font پیش رفتم.اما مشکل اینجاست که من چون دارم از styled-components استفاده می کنم و برای استفاده از اون باید babel فایل رو خودم تعریف کنم وقتی از فونت به صورت لوکال استفاده کنم ارور babel میده و می گه باید از پیش فرض استفاده کنی.
بالاخره باید راهی باشه که بشه از هردو استفاده کرد.
راهی بلدید؟ نظرتون چیه؟