Ion-modal width

Where the hell are we supposed to set those css custom properties?

CSS Custom Properties
|--height|Height of the modal|
|--max-height|Maximum height of the modal|
|--max-width|Maximum width of the modal|
|--min-height|Minimum height of the modal|
|--min-width|Minimum width of the modal|
|--width|Width of the modal|

i tried in the app.component.scss, variables.scss and global.scss… nothing works

I pass a css class (cssClass) when creating the modal. then adjust size in global.scss.

....modalProvider.create({
cssClass: 'customModal'
....
})

global.scss

customModal {
  modal-wrapper {
    width:90%;
    ...
  }
}

Thx this works.
Once again, shadow DOM makes me loose a day of research because of lack of documentation, poor implementation.