[UI] Mask features not working or not correctly working

[InsaneSaintGamer]

Describe the bug

mask-position, mask-position-x, and mask-position-y seem not to work at all, they don't move the mask. While mask-angle is working, the angle is wrong. What I mean is when I give it 160% it will look like it's 180% rotated.

To Reproduce

This is my SCSS code
	.Button {
		width: 357px;
		height: 99px;
		background-color: green;
		color: white;
		font-size: 36px;
		font-weight: bold;
		justify-content: center;
		position: relative;
		align-items: center;
		mask-image: linear-gradient(black, transparent);
		mask-mode: alpha;


		&:hover {
			// mask-position-x: 50%;
			// mask-angle: 160%;
		}
	}

Expected behavior

The mask position needs to move the mask and mask angle just needs to display the correct rotation.

Media/Files

No response

Additional context

No response