在Next.js API路由生成的SVG中包括CSS模块

如何解决在Next.js API路由生成的SVG中包括CSS模块

我有一个Next.js应用程序，其中包含针对美国每个州的一组动态页面。例如，每个种族组的页面显示收入数据。在每个页面上，我都使用给定的数据生成给定州的SVG图像（例如，/data/NY/hispanic将显示一个纽约州地图，上面覆盖着西班牙裔美国人的收入数据）。我正在使用React组件生成此SVG，将SVG直接嵌入页面中，并使用CSS模块对SVG元素进行样式设置。

我想为每个页面添加一个<Meta property="og:image">标签，用于社交媒体共享。到目前为止，我已经完成以下设置并工作：

创建一个Next.js API页面/api/socialImage。
使用ReactDOM.renderToString()渲染SVG组件
获取此SVG输出并通过svg2img
将PNG输出流式传输到客户端

这很好，除了包括样式。 Next.js处理HTML页面的CSS模块的提取。我怎么能

使用Next.js以更“正式”的方式仅输出SVG，
手动进入Next.js / Webpack构建，或者
自己手动添加CSS模块样式（使用其他Node库）