Screen gui elements no longer clip to the descendants when they are rotated

So here I have a pretty basic screen gui just to show you the problem.

screeb1

If I rotate the white part it no longer clips to the background and is fully visible.
screeb2

Whats the best way to either fix this or work around it?

I have this same problem. Would love some help.

Using viewportframes solves this

Use canvasgroup
https://developer.roblox.com/en-us/api-reference/class/CanvasGroup