css props are not applied within the server component.

[sohnjunior]

Environment

• next.js version: 13.4.9
• styled-components version: 6.1.1

Description

I'm developing a design system package (this is a react client component package) that uses styled-components internally.

For example,

# deploy `MyComponent` at npm registry

import styled from 'styled-components'

export const MyComponent = styled.div`
	/** ... */
`

and use like this

import { MyComponent } from '@test/my-component`

export function ServerComponent() {
	// ...
	return (
		<MyComponent css={{ margin: 10 }} />
	)
}

I confirmed that css prop is not applied when the component of my package (client component) is imported and used within the server component.

next.config.js settings for using styled-component have been applied to the project using the package.

  compiler: {
    styledComponents: true,
  },

I wonder if this was intentional.
Is css-prop not applicable within the server component?

[sohnjunior]

move to issue