diff --git a/package.json b/package.json
index 4dc4fef..1400cf4 100644
--- a/package.json
+++ b/package.json
@@ -32,9 +32,10 @@
     "dist"
   ],
   "scripts": {
-    "build": "rollup --config",
-    "build:dev": "cross-env NODE_ENV=development rollup --config",
-    "dev": "cross-env NODE_ENV=development rollup --config --watch",
+    "build": "pnpm run build:js && pnpm run build:css",
+    "build:js": "vite build",
+    "build:css": "postcss src/shareon.css -o dist/shareon.min.css --map",
+    "dev": "vite",
     "lint": "prettier --check . && eslint src/*.js",
     "size": "size-limit",
     "test": "pnpm run lint && pnpm run build && pnpm run size",
@@ -55,6 +56,7 @@
     "postcss": "^8.4.6",
     "postcss-banner": "^4.0.1",
     "postcss-calc": "^8.2.3",
+    "postcss-cli": "^9.1.0",
     "postcss-css-variables": "^0.18.0",
     "prettier": "^2.5.1",
     "rollup": "^2.67.0",
diff --git a/src/index.js b/src/index.js
index 108922a..7439056 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,4 @@
 import initializeShareon from "./shareon";
-import "./shareon.css";
 
 // TODO: update README
 const s = document.currentScript;