fix: insert styles before first style tag

[HADB]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The styles of icons are prepended to head which is not very appropriate.

Screenshots:

[antfu]

The order of style matters for the CSS overrides. Icons CSS should have lower priority than other utils. I am not sure what would be the problem of prepending other than readability. If this is something really matters - we should insert before the first <style tag, but appending is definitely not ideal solution

[HADB]

@antfu Thanks for replying. I modified the code to insert styles before the first style tag for better readability and more compliant with the HTML5 specifications: character-encoding-declaration.

Restriction: The element containing the character encoding declaration must be serialized completely within the first 1024 bytes of the document.

Recommanded: In HTML, to declare that the character encoding is UTF-8, the author could include the following markup near the top of the document (in the head element): <meta charset="utf-8">

Please take a look.