refactor(website): remove 'sass' dep and replace with css

Author: Rel1cx

pnpm-lock.yaml

@@ -46,7 +46,6 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.1",
-    "sass": "^1.83.0",
     "tailwindcss": "^4.0.0-beta.8",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",

website/package.json

@@ -1,5 +1,5 @@
 import "#/styles/base.css";
-import "#/styles/overrides.scss";
+import "#/styles/overrides.css";
 
 import type { AppProps } from "next/app";
 

website/pages/_app.tsx

@@ -0,0 +1,78 @@
+.nextra-nav-container nav a {
+  font-weight: 600;
+}
+
+.nextra-sidebar-container ul li {
+  font-weight: 600;
+}
+
+.nextra-content {
+  font-family: var(--font-family-body);
+}
+
+.nextra-content h1,
+.nextra-content h2,
+.nextra-content h3,
+.nextra-content h4,
+.nextra-content h5,
+.nextra-content h6 {
+  font-family: var(--font-family-ui);
+}
+
+.nextra-content h1>code.nextra-code,
+.nextra-content h2>code.nextra-code,
+.nextra-content h3>code.nextra-code,
+.nextra-content h4>code.nextra-code,
+.nextra-content h5>code.nextra-code,
+.nextra-content h6>code.nextra-code {
+  white-space: nowrap;
+}
+
+.nextra-content h1+img,
+.nextra-content h2+img,
+.nextra-content h3+img {
+  margin-top: 24px;
+}
+
+.nextra-content blockquote {
+  font-style: normal;
+}
+
+.nextra-content div[role="tabpanel"]>.nextra-callout:nth-child(1) {
+  margin-top: 0;
+}
+
+.nextra-content div[role="tablist"]>button[role="tab"] {
+  font-family: var(--font-family-ui);
+}
+
+.nextra-content table thead tr th code,
+.nextra-content table tbody tr td code {
+  font-family: var(--font-family-mono);
+  white-space: nowrap;
+}
+
+.nextra-content code,
+.nextra-content kbd,
+.nextra-content samp,
+.nextra-content pre {
+  font-family: var(--font-family-mono);
+}
+
+.nextra-content .nextra-code .twoslash-highlighted {
+  border: none;
+  background-attachment: scroll;
+  background-clip: border-box;
+  background-color: #ffffff00;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2IDMnIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgMCAwIDYgMycgaGVpZ2h0PSc0LjUnIHdpZHRoPSc5Jz4KICAgIDxnIGZpbGw9JyNmOWMzNWEnPgogICAgICAgIDxwb2x5Z29uIHBvaW50cz0nNS41LDAgMi41LDMgMS4xLDMgNC4xLDAnIC8+CiAgICAgICAgPHBvbHlnb24gcG9pbnRzPSc0LDAgNiwyIDYsMC42IDUuNCwwJyAvPgogICAgICAgIDxwb2x5Z29uIHBvaW50cz0nMCwyIDEsMyAyLjQsMyAwLDAuNicgLz4KICAgIDwvZz4KPC9zdmc+");
+  background-origin: padding-box;
+  background-position-x: 0%;
+  background-position-y: 100%;
+  background-repeat: repeat-x;
+  background-size: auto;
+}
+
+.nextra-content ul.contains-task-list li.task-list-item {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}