The problem

The HTML Source (Page Source) of my app is large because all styles (<style data-emotion"...">) are being rendered there. I'm trying to find if there is a way to remove <style> tags from the Page Source, that's the request I have from the client. I researched a lot of places and did not find a proper solution. I'm using the Next.JS app with emotion/styled and emotion/react libraries.

Proposed solution

An ability to remove <style data-emotion="..."> tags from Page Source.

Additional context

I'm not sure if I created an issue correctly, but I did not find a better place where I can ask, after a lot of research. If not, my apologies for that.

If anyone has a proper solution, please let me know.