Buenas, saben si hay alguna manera para que se centre una ventana modal al medio del viewport con JS o CSS?, estuve intentando con CSS (o SCSS), pero se centra respecto al tope de la página, por así decirlo, si estoy con el scroll un poco más abajo se ve descentrado el modal hacia arriba, quisiera algo que tome el viewport (posición actual del viewport, etc) y de acuerdo a eso me centre el modal, (al modal lo genero con scripting en JS).

Este es el código CSS, que estoy usando por el momento, que lo centra pero si hago scroll no funciona bien.

.modaMl{
    position: absolute;
 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}