Reactjs 如何使用“样式化组件”为整个应用程序添加基本样式？

假设我有一些应用程序的基本样式，比如：

:root {
  --color-primary: #eb2f64;
  --color-primary-light: #FF3366;
  --color-primary-dark: #BA265D;
}
* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 16px;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  background-image: linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary-dark));
  background-size: cover;
}

我想使用样式化组件库，但想知道如何在不接触任何外部.scss文件的情况下将这些基本样式添加到我的应用程序中？或者我应该创建base.scss文件并导入“/base.scss”；到index.js

它不允许我这样做smth：

const Wrapper = styled.html`
  box-sizing: border-box;
  font-size: 16px;
`;

---

我得到一个错误，因为html元素

Aha。找到它：从“样式化组件”导入{injectGlobal}

它被标记为reactjs，因为我使用带有react的样式化组件