diff --git a/docs/pages/_app.tsx b/docs/pages/_app.tsx
index 916acaa..d0f2ba7 100644
--- a/docs/pages/_app.tsx
+++ b/docs/pages/_app.tsx
@@ -1,5 +1,6 @@
 import "../styles/globals.css";
 import "../styles/slang.css";
+import "@tone-row/slang/build/index.css";
 import DocsLayout from "../components/DocsLayout";
 
 function MyApp({ Component, pageProps }) {
diff --git a/slang/rollup.config.js b/slang/rollup.config.js
index 6be2f55..5d700c8 100644
--- a/slang/rollup.config.js
+++ b/slang/rollup.config.js
@@ -23,7 +23,7 @@ export default [
     plugins: [
       peerDepsExternal(),
       postcss({
-        extract: false,
+        extract: true,
         autoModules: true,
         use: ["sass"],
       }),
diff --git a/yarn.lock b/yarn.lock
index 374e800..3225d4d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -943,11 +943,6 @@
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
-"@tone-row/slang@^1.2.28":
-  version "1.2.28"
-  resolved "https://registry.yarnpkg.com/@tone-row/slang/-/slang-1.2.28.tgz#3e81b7b5c049eee8bee3dd413fe86ae1bb9f0cb1"
-  integrity sha512-CGp38kMc0KapppSOHwrMENC3pV4oLc+QAtnjyWQUcSEC67Cnc5lEMUmsJ90rNYMe6HPix0UCqoz2JUO1zGCfQA==
-
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"