web-component - Stenciljs: styleUrl を動的に読み込む

Question

私は stenciljs を使用して Web コンポーネントを構築しています。テーマと呼ばれるプロパティに基づいて css テーマ ファイルをロードできるようにしたいと考えています。

@Component({
  tag: 'pm-header',
  styleUrl: 'pm-header.scss',
  shadow: true
})

export class PmHeader {

  @Prop() theme: string = 'default';

  ...

  render() {
    return (<nav class={this.theme}></nav>)
  }
}