Expose function to transform SVG's

[tobiasfoerg]

What do you think about allowing to transform the svg.
Would be helpful to remove attributes like stroke-width to allow overriding this with css.

I was thinking about something like:

export default defineConfig({
    build: {
        assetsInlineLimit: 0,
    },
    plugins: [
        iconsSpritesheet({
            //...
            transform(svg, filename) {
                svg.removeAttribute("fill");
                svg.removeAttribute("class");
                svg.removeAttribute("stroke");
                svg.removeAttribute("stroke-width");
            },
        }),
    ],
});

and then we could do something like:

export function Icon({ name, className, ...props }: IconProps) {

    return (
        <svg
            role="graphics-symbol img"
            strokeWidth={1.5}
            fill="none"
            stroke="currentColor"
            {...props}
            className={className}
        >
            <use href={`${spriteHref}#${name}`} />
        </svg>
    );
}