i have project writed on nextjs + tailwindcss.
my main goal is to convert styles into row styles to get already formated html css content from server side so that will increase website speed performance.

now i have css file which is imported in layout.tsx
but as i see from inspect nextjs is sending request to that css and than renders styles on client side.

Result from inspect -> networks -> docs is this:

my goal is to get already styled response from server like this

i tried many ways like styled components, or css moduls but nothing works so please help me.
i need something that will help me to render css on server side and than send already styled html response instead of only html response without styles.
tnx