如何配置nextjs typescript以使用sass和nextjs字体

npx create-next-app@latest --typescript

npm install sass
npm install @types/node

const path = require('path');

module.exports = {
  sassOptions: {
    includePaths: [path.join(__dirname, 'styles')],
  },
};

$primary-color: #ff0000;

import React from 'react';
import styles from '../styles/Home.module.scss';

const Home: React.FC = () => {
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>Hello, Next.js with Sass!</h1>
    </div>
  );
};

export default Home;

.container {
  max-width: 800px;
  margin: 0 auto;
}

.title {
  color: $primary-color;
  font-size: 24px;
}

import React from 'react';
import styles from '../styles/Home.module.scss';

const Home: React.FC = () => {
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>Hello, Next.js with Sass and custom font!</h1>
    </div>
  );
};

export default Home;