Cannot set color of active time text for ion-datetime component

Ionic Framework
1

These shadow parts are so frustrating. At ant rate according to the documentation here, I should be able to set the color of my selected time…. (which DOES work in this example

However, I have added the following in the global.scss (I also tried in the component…)

ion-datetime::part(wheel-item) {
  color: pink !important;
}

ion-datetime::part(wheel-item active) {
  color: pink !important;

Howeever, in my case it just doesn’t work

image
image1878×795 211 KB

Would any one have any idea why this is not being set in my case? Cold it be because it is inside a ion-modal?

Thanks in advance for any help