feat!: change package requirements

- Configure as ES module
- Add svelte as peerDependency
- add Vite and vite-preprocess to inline imported SCSS

src/app.scss

@@ -0,0 +1 @@
+/* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */

src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte

@@ -12,7 +12,7 @@
   /** Set to `true` if the breadcrumb item represents the current page */
   export let isCurrentPage = false;
 
-  import Link from "../Link/Link.svelte";
+  import Link from "../../Link/Link.svelte";
 
   import { setContext } from "svelte";
 

src/carbon-components-svelte/Button/Button.svelte

@@ -181,3 +181,7 @@
     />
   </button>
 {/if}
+
+<style lang="scss">
+  @use "@carbon/styles/scss/components/button";
+</style>

src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte

@@ -95,9 +95,9 @@
   export let ref = null;
 
   import { createEventDispatcher, tick, onMount } from "svelte";
-  import ChevronDown from "../icons/ChevronDown.svelte";
+  import ChevronDown from "../../icons/ChevronDown.svelte";
   import Button from "../Button/Button.svelte";
-  import CopyButton from "../CopyButton/CopyButton.svelte";
+  import CopyButton from "../../CopyButton/CopyButton.svelte";
   import CodeSnippetSkeleton from "./CodeSnippetSkeleton.svelte";
 
   const dispatch = createEventDispatcher();

src/carbon-components-svelte/DataTable/DataTable.svelte

@@ -129,7 +129,7 @@
   import { createEventDispatcher, setContext } from "svelte";
   import { writable } from "svelte/store";
   import ChevronRight from "../icons/ChevronRight.svelte";
-  import InlineCheckbox from "../Checkbox/InlineCheckbox.svelte";
+  import InlineCheckbox from "../carbon-components-svelte/Checkbox/InlineCheckbox.svelte";
   import RadioButton from "../RadioButton/RadioButton.svelte";
   import Table from "./Table.svelte";
   import TableBody from "./TableBody.svelte";

src/carbon-components-svelte/ImageLoader/ImageLoader.svelte

@@ -57,7 +57,7 @@
 
   import { onMount, createEventDispatcher } from "svelte";
   import { fade } from "svelte/transition";
-  import AspectRatio from "../AspectRatio/AspectRatio.svelte";
+  import AspectRatio from "../carbon-components-svelte/AspectRatio/AspectRatio.svelte";
 
   const dispatch = createEventDispatcher();