Any way to have a mask affect mouse enter/leave?

I have a component with while hovering, and click interactions on it. The component is a simple square that is a different color for default (rest), hover and active (clicked) states.

If I mask an instance of this component with a vector mask the hover and click triggers do not honor the mask i.e they trigger in the rectangular “hit box” rather than only within the vector mask.

Is this just how it is or am I missing something?

Can you share the file please?