La configuración de la propiedad CSS en JS con una sintaxis particular, sin embargo, se sobrescribe con la sintaxis preferida del navegador. ¿Cómo puedo evitar esto?

Mala práctica, sin embargo, luego .split() la propiedad para obtener un solo número en la cadena de propiedad, lo que causa problemas cuando se cambia la sintaxis después de configurarla.

Por ejemplo:

Propiedad de configuración:

 el.style.maskImage = "gradient(linear, left top, right top, color-stop(1, rgba(0,0,0,1)), color-stop(1, rgba(0,0,0,1))"

El navegador cambia esto a:

 mask-image: linear-gradient(to right, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%);

Lo que causa problemas cuando intento dividir para encontrar un int en la cadena de propiedades:

 el.style.maskImage.split("color-stop")[1].split("(")[1].split(",")[0]

Esto se evita parcialmente en los navegadores webkit al no usar valores completos (color-stop(.99, rgba(0,0,0,1))), sin embargo, todavía aparece con frecuencia, específicamente en Firefox.

Es demasiado tarde para convertir el código base a esta sintaxis preferida, entonces, ¿hay alguna forma de obligar al navegador a usar este CSS exacto y no cambiar?

Esto puede ser un duplicado ya que no estoy seguro de la redacción de esta pregunta. Vainilla Javascript