title: How to connect Swiper styles to Next.js
body: <p>I connect swiper to next.js according to the documentation (<a href="https://swiperjs.com/react" rel="nofollow noreferrer">https://swiperjs.com/react</a>).
  However, when importing styles(<code>import 'swiper/swiper.scss'</code>), I am getting the following error
  <a href="https://i.stack.imgur.com/uZjWO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uZjWO.png" alt="enter image description here" /></a></p>
  <p>I cannot include styles in <code>src/pages/_app.tsx</code>, because I do not want them to be global.</p>
  <p>At the moment, I import all the styles through the scss modules, which cannot be done with the Swiper styles.</p>