NextJS是否有可能将模块特定样式和全局样式结合起来？

.button {
  color: red;
}

.title {
  font-size: 20px;
}

import styles from './styles.module.css';

function MyComponent() {
  return (
    <div>
      <button className={styles.button}>Click me</button>
      <h1 className={styles.title}>Hello, NextJS</h1>
    </div>
  );
}

import React from 'react';

export default function App({ Component, pageProps }) {
  return (
    <>
      <style jsx global>{`
        body {
          background-color: #f0f0f0;
        }
      `}</style>
      <Component {...pageProps} />
    </>
  );
}