uniquifyIDs does not update ids used in styles

[markwoon]

Describe the bug

uniquifyIDs updates ids so that they are unique, but does not update the ids used in <style /> within the <svg /> to those styles break.

Your minimal, reproducible example

https://codesandbox.io/p/devbox/thirsty-andras-pndn4x?workspaceId=ws_42yn2BgNcv6adRUUFDoBVJ

Steps to reproduce

1. Look at codesandbox.
2. Should see "X", but only see ""

Expected behavior

Should see "X"

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

No response

react-inlinesvg version

4.2.0

TypeScript version

Build tool

No response

Additional context

No response

[gilbarbara]

Hey @markwoon
Working with styles can be tricky because they are not well-structured, and it may also involve using an external stylesheet for that purpose.
Feel free to submit a PR if you find a fail-proof solution.

[markwoon]

I have not used it, but this seems to have a solution: https://github.com/laleksiunas/inline-svg-unique-id

As for external stylesheets, you can't solve everything, but at least the more common case of styles within the svg would be fixed.

[gilbarbara]

That package creates React components from SVG, precisely what this package does.

[markwoon]

Yes, but they also appear to support updating ids in styles. I was just pointing to it as an example of how it might be done.