fix(examples): use external stylesheet for rollup examples

examples/rollup-typescript/package.json

@@ -16,14 +16,13 @@
     "@rollup/plugin-typescript": "^6.0.0",
     "@tsconfig/svelte": "^1.0.0",
     "carbon-components-svelte": "^0.12.0",
-    "node-sass": "^4.14.1",
     "rollup": "^2.3.4",
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-svelte": "^6.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0",
     "svelte-check": "^1.0.0",
-    "svelte-preprocess": "^4.0.0",
+    "svelte-preprocess": "^4.3.2",
     "tslib": "^2.0.0",
     "typescript": "^3.9.3"
   }

examples/rollup-typescript/public/index.html

@@ -7,7 +7,11 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <title>typescript</title>
+    <title>rollup-typescript</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/carbon-components-svelte@0.14.0/css/all.css"
+    />
     <link rel="stylesheet" href="/build/bundle.css" />
     <script defer src="/build/bundle.js"></script>
   </head>

examples/rollup-typescript/src/App.svelte

@@ -18,10 +18,6 @@
   let theme: "g10" = "g10";
 </script>
 
-<style lang="scss" global>
-  @import "carbon-components-svelte/css/all";
-</style>
-
 <Theme persist bind:theme>
   <Header />
   <Content style="background: none; padding: 1rem">