Setting styleUrls to a function/variable gives a weird error

Stencil
1

I’m trying to generate the objet for the styleUrls dynamically, but when doing so I’m getting the weirdest error.
Here is the interesting pieces of my code:

@Component({
  tag: 'my-input',
  styleUrls: getStylesForComponent('my-input'),
})

export const getStylesForComponent = (component: string): { [key: string]: string } => {
  return {
    style1: `themes/${component}.style1.scss`,
    style2: `themes/${component}.style2.scss`,
  }
}

If I do this I’m getting this error on the terminal when building:

[ ERROR ]  Debug Failure. False expression: Negative numbers should be created in combination with
           createPrefixUnaryExpression at Object.createNumericLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:28226:17)
           at convertValueToLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236688:47)
           at
           /Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236715:7
           at Array.map (<anonymous>) at objectToObjectLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236712:42)
           at convertValueToLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236685:12)
           at
           /Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236715:7
           at Array.map (<anonymous>) at objectToObjectLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236712:42)
           at convertValueToLiteral
           (/Users/myuser/dev/myproject/node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/compiler/stencil.js:236685:12)

Currently I have the styleUrls like this, which causes no errors:

@Component({
  tag: 'my-input',
  styleUrls: {
    style1: `themes/my-input.style1.scss`,
    style2: `themes/my-input.style2.scss`,
  }
})

Is it possible to set the styleUrls to a function/variable that returns the actual object? It doesn’t sound like something that can’t be done but somehow it fails, maybe I’m missing something?

Thank you!!