Codificar array en Base64 & JSON en PHP, usarlo como atributo HTML y decodificar en JavaScript con escape adecuado

Estoy buscando pasar un array arbitrario de PHP a JavaScript con un escape adecuado. Estoy considerando usar base64 y supongo que base64 no es seguro para atributos de datos, así que como buen desarrollador estoy usando esc_attr para los datos. ¿Existe una forma correcta de asegurarse de que los datos en base64 mantengan su integridad en JavaScript?

Aquí hay un ejemplo artificial (que funciona bien) porque esc_attr no modifica la integridad de la codificación base64.

<?php

$array = [
    [
        'the' => 'quick',
        'brown'  => 'fox'
    ],
    [
        'test' => 'test',
        'foo'  => 'bar'
    ]
];
$values_json = base64_encode( json_encode( $array ) );
?>

<input id="check" type="checkbox" data-value="<?php esc_attr_e( $values_json ); ?>"> Foobar

<script>
    var checkbox = document.getElementById(id);
    checkbox.addEventListener('click',
        function () {
            console.log(JSON.parse(atob(this.dataset.value)));
        }
    );
</script>

En mi investigación encontré esta solución para manejar esto usando JSON, sin embargo, en mi caso no tengo una forma fácil de acceder a los datos usando una clave como atributo de datos.