Nextjs extract styles to head on SSR instead of after?

[ckruppe]

My Question is the following:

Is there any possible way to achieve the same behavior as here: https://emotion.sh/docs/ssr#on-server
For nextjs with _document in Nextjs Pages router?

I switched recently to @emotion from styled-components. Styled components had an really straight forward way to extract stylings and inject them in one single style tag on SSR. I would like to do the same with Emotion. Is there any possible way? (Background: Some of our projects would not be feasable to refactor to remove nth-child and :first-child selectors and as the documentation states its possible with extracting like in the link. But i am missing an example for nextjs _document.tsx component.)