как импортировать файл css в реакцию при создании статического html и вставлять импортированный css в тег заголовка html?

Я пытаюсь сгенерировать статический html из реакции, используя метод renderToStaticMarkup. Проблема, с которой я сталкиваюсь сейчас, заключается в том, что я не могу импортировать css в компонент реакции. Я хочу импортировать css в свои компоненты React, такие как css-модули (импортировать стили из './style.css'). А затем вставьте этот загруженный css в сгенерированный статический заголовок html. Как я могу это сделать?

P.S. Я не могу использовать webpack из-за некоторых ограничений. Если для этого конкретного случая есть какой-либо плагин babel, сообщите мне об этом.

Вот как я генерирую статический html из компонента реакции:

const reactElement = require('react').createElement;
const ReactDomServer = require('react-dom/server');

const renderHTML = Component => {
  return ReactDomServer.renderToString(reactElement(Component))
}