fix(scripts/buildIconsDataset.ts): sizes from rem to em

Author: indaco

scripts/buildIconsDataset.ts

@@ -153,11 +153,11 @@ async function makeIconComponent(outputFolder: string, iconObj: Icon): Promise<v
   import type { SVGAttributes } from 'svelte/elements';
 
   const sizeMap = {
-    xs: '1rem',
-    sm: '1.25rem',
-    base: '1.5rem',
-    lg: '1.75rem',
-    xl: '2rem',
+    xs: '1em',
+    sm: '1.25em',
+    base: '1.5em',
+    lg: '1.75em',
+    xl: '2em',
   };
 
   type IconSize = keyof typeof sizeMap;

src/routes/+page.svelte

@@ -14,7 +14,7 @@
 <ZoomOutIcon on:click={() => alert('base')} />
 <ZoomOutIcon on:click={() => alert('lg')} size="lg" />
 <ZoomOutIcon on:click={() => alert('xl')} size="xl" />
-<ZoomOutIcon on:click={() => alert('3rem')} size="3rem" />
+<ZoomOutIcon on:click={() => alert('3em')} size="3em" />
 <ZoomOutIcon on:click={() => alert('60')} size={60} />
 
 <br />
@@ -23,5 +23,5 @@
 <MinusCircleIcon name="minus-circle-solid" size="base" />
 <MinusCircleIcon name="minus-circle-solid" size="lg" />
 <MinusCircleIcon name="minus-circle-solid" size="xl" />
-<MinusCircleIcon name="minus-circle-solid" size="3rem" />
+<MinusCircleIcon name="minus-circle-solid" size="3em" />
 <MinusCircleIcon name="minus-circle-solid" size="60" />