Production build does not include component styles

Prerequisites

[X] I have read the Contributing Guidelines.
[X] I agree to follow the Code of Conduct.
[X] I have searched for existing issues that already report this problem, without success.

Stencil Version

3.0.0

Current Behavior

I am writing one component with the following configuration.

@Component({
  tag: 'mpsv-feedback',
  styleUrl: 'feedback.css',
  shadow: true,
})

I have a definition in the component style itself.

:host {
  font-family: "Roboto", sans-serif;
  color: var(--gov-color-secondary);
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}
:host * {
  box-sizing: border-box;
}

During development everything is fine and styles are generated in the component.

When I build the component, the styles do not appear after the component is generated.

They are clogged in the component chunk itself.

Expected Behavior

I expect the same behavior as in the dev environment. The component will generate the styles it is assigned.

System Info

System: node 18.15.0
     Plaform: darwin (21.6.0)
   CPU Model: Apple M1 Pro (8 cpus)
    Compiler: .../node_modules/@stencil/core/compiler/stencil.js
       Build: 20230228172721
     Stencil: 3.1.0 🍕
  TypeScript: 4.9.5
      Rollup: 2.42.3
      Parse5: 7.1.2
      Sizzle: 2.42.3
      Terser: 5.16.4

Steps to Reproduce

Install a new project
Add custom styles
Set shaddow to true
Run npm run build
Upload esm modules to server and try to call a component

Code Reproduction URL

https://github.com/zvitek/webcomponent-styles

ionic-team / stencil

Production build does not include component styles #4139