En la solución que me envió @Alex no funciona la línea:

    proceso.options = ""

NO entiendo porque, así que luego de buscar mucho la solución que me funciona a mi es la siguiente:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
    </head>
    //Agrego esta línea para que funcione el JQuery
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    var datos=[{"area_id":"1","proceso_id":"28","nombre":"Gesti\u00f3n de Planeamiento Estrat\u00e9gico"},
    {"area_id":"1","proceso_id":"15","nombre":"Gesti\u00f3n de Calidad y Servicio al Cliente"},
    {"area_id":"1","proceso_id":"45","nombre":"Mesa de partes \/ Recepci\u00f3n"},
    {"area_id":"1","proceso_id":"42","nombre":"Gesti\u00f3n Secretar\u00eda General"},
    {"area_id":"2","proceso_id":"7","nombre":"Conflicto de Inter\u00e9s"},
    {"area_id":"2","proceso_id":"59","nombre":"Tolerancia cero"},
    {"area_id":"2","proceso_id":"4","nombre":"C\u00f3digo de Conducta"},
    {"area_id":"2","proceso_id":"33","nombre":"Gesti\u00f3n de Riesgo Operacional"},
    {"area_id":"2","proceso_id":"14","nombre":"Gesti\u00f3n de Auditor\u00eda Interna"},
    {"area_id":"3","proceso_id":"11","nombre":"Fondeo de Recursos "},
    {"area_id":"3","proceso_id":"48","nombre":"Otorgamiento de Cr\u00e9ditos"},
    {"area_id":"3","proceso_id":"21","nombre":"Gesti\u00f3n de Garant\u00edas"},
    {"area_id":"3","proceso_id":"54","nombre":"Recaudaci\u00f3n"},
    {"area_id":"4","proceso_id":"21","nombre":"Gesti\u00f3n de Garant\u00edas"},
    {"area_id":"4","proceso_id":"35","nombre":"Gesti\u00f3n de Seguros"},
    {"area_id":"4","proceso_id":"54","nombre":"Recaudaci\u00f3n"},
    {"area_id":"4","proceso_id":"23","nombre":"Gesti\u00f3n de Infraestructura"},
    {"area_id":"6","proceso_id":"24","nombre":"Gesti\u00f3n de Log\u00edstica"},
    {"area_id":"6","proceso_id":"58","nombre":"Servicios tercerizados"},
    {"area_id":"6","proceso_id":"53","nombre":"Productos tercerizados"},
    {"area_id":"6","proceso_id":"52","nombre":"Proceso de atenci\u00f3n de proyectos y requerimientos"},
    {"area_id":"7","proceso_id":"39","nombre":"Gesti\u00f3n del Riesgo Ambiental"},
    {"area_id":"7","proceso_id":"17","nombre":"Gesti\u00f3n de Contratos"},
    {"area_id":"7","proceso_id":"29","nombre":"Gesti\u00f3n de Poderes"},
    {"area_id":"7","proceso_id":"31","nombre":"Gesti\u00f3n de Procesos Legales"},
    {"area_id":"8","proceso_id":"25","nombre":"Gesti\u00f3n de Marketing"},
    {"area_id":"8","proceso_id":"46","nombre":"Nuevos productos "},
    {"area_id":"8","proceso_id":"5","nombre":"Compensaciones del Colaborador"},
    {"area_id":"8","proceso_id":"47","nombre":"Nuevos Servicios"},
    {"area_id":"9","proceso_id":"32","nombre":"Gesti\u00f3n de Proveedores"},
    {"area_id":"9","proceso_id":"16","nombre":"Gesti\u00f3n de Contrapartes"},
    {"area_id":"9","proceso_id":"37","nombre":"Gesti\u00f3n de Ventas"},
    {"area_id":"9","proceso_id":"51","nombre":"Pre Ventas"},
    {"area_id":"10","proceso_id":"27","nombre":"Gesti\u00f3n de Pagos"},
    {"area_id":"10","proceso_id":"35","nombre":"Gesti\u00f3n de Seguros"},
    {"area_id":"14","proceso_id":"57","nombre":"Selecci\u00f3n de personal"},
    {"area_id":"14","proceso_id":"55","nombre":"Reclutamiento y selecci\u00f3n de personal"},
    {"area_id":"14","proceso_id":"38","nombre":"Gesti\u00f3n del Colaborador"},
    {"area_id":"14","proceso_id":"5","nombre":"Compensaciones del Colaborador"}];
    
    $(document).ready(function() {
      const datos=<?php echo $procesosJson; ?>;
      const proceso = document.querySelector("#proceso");
      const areaEmpresa = document.querySelector("#area_empresa");

      const transfer = (items, a)=>{
        //Estas líneas borran las opciones y agrega la opción "Seleccione un proceso"
        var $select = $('#proceso');
        $select.empty();
        $select.append('<option value=0>Seleccione un proceso</option>');
    
        items.map((data)=>{
          if (data.area_id === a){
            let option = document.createElement("option");
            option.text = data.nombre;
            proceso.add(option);  
          }
        })
      }

      areaEmpresa.addEventListener("change",()=>{
        let value2 = areaEmpresa.value
        transfer(datos, value2)
      })
    });    
    </script>
    <body>
    <table><tr>
    <td>Área de la empresa</td>
    <td><select id="area_empresa" name="area_empresa">
    <option value="0">Seleccione un area</option>
    <option value='4'>Financiera y Contable</option>
    <option value='7'>Legal</option>
    <option value='8'>RRHH</option>
    <option value='10'>Ventas</option>
    </select></td>
    </tr>
    <tr>
    <td>Proceso</td>
    <td><select id="proceso" name="proceso" >
      <option value='0'>Seleccione un proceso</option>
    </select></td>
    </tr></table>
    </body>
    </html>