fix: keep SVG viewBox so icons scale instead of clipping

SVGR (via @svgr/rollup) runs SVGO's preset-default, which strips the viewBox
from icons that carry width/height attributes. Without a viewBox, rendering an
icon below its intrinsic 16px (e.g. size-3 in small buttons) crops the drawing
to the smaller viewport instead of scaling it. Edge-to-edge glyphs like PEN
visibly clip.

Override removeViewBox in the rollup build so the viewBox is preserved and
icons scale at any size.

Note: Storybook uses vite-plugin-svgr, which does not run SVGO by default
(only the jsx plugin), so it already preserves the viewBox and needs no change.

Author: tyhonchik

.changeset/keep-svg-viewbox.md

@@ -0,0 +1,5 @@
+---
+"@aragon/gov-ui-kit": patch
+---
+
+Keep the `viewBox` on bundled SVG icons so they scale correctly when rendered below their intrinsic 16px size (e.g. `size-3` in small buttons) instead of being clipped.

rollup.config.mjs

@@ -52,7 +52,19 @@ export default [
                 ],
             }),
             images({ include: ['**/*.png', '**/*.jpg'] }),
-            svgr(),
+            svgr({
+                // Keep the viewBox so icons scale instead of getting clipped when
+                // rendered at a size other than their intrinsic 16px (e.g. size-3 in
+                // small buttons). SVGO's preset-default removes it by default.
+                svgoConfig: {
+                    plugins: [
+                        {
+                            name: 'preset-default',
+                            params: { overrides: { removeViewBox: false } },
+                        },
+                    ],
+                },
+            }),
             terser(),
         ],
     },