如何在Next.js 13 App目录中实现react-jss？

有个示例用到了_document.tsx文件，但这个文件在Next.js 13的App目录架构下并不存在。

可以试试cxs这个CSS-in-JS库，它完全不需要额外配置，安装就能用。下面是一个示例，展示如何同时结合全局样式、CSS模块和cxs三种样式方案：

补充说明：cxs支持像SCSS那样的用法——通过父级div定位并使用选择器，用起来特别便捷。

"use client"

import style from "./hero.module.scss"
import cxs from "cxs"

export default function Hero() {
  const cxsStyle = cxs({
    " h3": { color: "red" },
    " button": { backgroundColor: "blue" },
  })

  return (
    <div className="globalClass">
      <div className={cxsStyle}>
        <h1>Some Title</h1>
        <p>lorem ipsum</p>
        <button className={style.btn}>click me</button>
      </div>
    </div>
  )
}

内容的提问来源于stack exchange，提问作者zvijude