¿Por qué no puedo añadir capas sobre ol-mapbox-style?

Question

Tengo un mapa que tiene varias capas y estoy tratando de actualizar la capa base para utilizar estilos mapbox, pero la capa mapbox parece que siempre se renderiza encima de la otra capa. ¿Hay alguna forma de hacer que la capa mapbox sea una capa base y aún así permitir la superposición de capas sobre ella?

He aquí un sencillo ejemplo de codepen: https://codepen.io/eflowbeach/pen/abqMBwO

olms.apply(map, 'https://www.arcgis.com/sharing/rest/content/items/4f4843d99c34436f82920932317893ae/resources/styles/root.json?f=json');

// This gets hidden under the vector tile layer, you can briefly see it load
var test = new ol.layer.WebGLTile({
        source: new ol.source.OSM(),
      });
map.addLayer(test);

Answer 1

Olms devuelve una promesa que se resuelve cuando se completa. Espere a que se resuelva antes de añadir más capas

var map = new ol.Map({
  target: "map",
  view: new ol.View({
    center: ol.proj.transform([-90, 45], "EPSG:4326", "EPSG:3857"),
    zoom: 4
  })
});

olms(
  map,
  "https://www.arcgis.com/sharing/rest/content/items/4f4843d99c34436f82920932317893ae/resources/styles/root.json?f=json"
).then(function () {
  var test = new ol.layer.WebGLTile({
    source: new ol.source.OSM()
  });
  map.addLayer(test);
});

https://codepen.io/mike-000/pen/QWQPxEa