docs: use prefixed all.css

Without vendor prefixes, some styles are lost in Safari.

docs/package.json

@@ -9,28 +9,22 @@
     "build:svite": "vite build"
   },
   "devDependencies": {
-    "@sveltech/routify": "^1.9.9",
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.33",
-    "autoprefixer": "^10.2.3",
-    "carbon-components": "10.56.0",
-    "carbon-components-10.47": "npm:carbon-components@10.47",
+    "@sveltech/routify": "^1.9.10",
+    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.40",
     "carbon-components-svelte": "../",
-    "carbon-icons-svelte": "^10.44.3",
+    "carbon-icons-svelte": "^10.45.1",
     "clipboard-copy": "^4.0.1",
     "cross-env": "^7.0.3",
     "mdsvex": "^0.9.8",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.2.13",
-    "prettier": "^2.5.1",
-    "prettier-plugin-svelte": "^2.5.1",
+    "prettier": "^2.6.2",
+    "prettier-plugin-svelte": "^2.6.0",
     "prism-svelte": "^0.4.7",
     "prismjs": "^1.27.0",
     "remark-slug": "^6.0.0",
-    "sass": "^1.42.1",
-    "svelte": "^3.44.3",
-    "svelte-hmr": "0.11.1",
-    "svelte-preprocess": "^4.3.2",
-    "vite": "^2.7.10"
+    "svelte": "^3.46.6",
+    "svelte-preprocess": "^4.10.4",
+    "vite": "^2.9.1"
   },
   "routify": {
     "routifyDir": ".routify",

docs/src/index.js

@@ -1,5 +1,5 @@
 import App from "./App.svelte";
-import "../../css/all.scss";
+import "../../css/all.css";
 
 const app = new App({ target: document.body });
 

render.yaml

@@ -2,7 +2,7 @@ services:
   - type: web
     name: carbon-components-svelte
     env: static
-    buildCommand: cd docs; yarn; yarn build
+    buildCommand: yarn; yarn build:css; cd docs; yarn; yarn build
     staticPublishPath: docs/dist
     pullRequestPreviewsEnabled: true
     routes: