Add raster layer in Mapbox maps - and preserve transparency in Safari

gistfile1.txt

      // Force mapbox-gl to load raster tiles as PNGs to preserve transparency.
      // (Safari will use JPGs otherwise, and 'transparent' areas will show up black.) 
      // For more troubleshooting, see: https://docs.mapbox.com/help/troubleshooting/raster-transparency-issues/
      
      map.addSource('noaa_map', {
        type: 'raster',
        tiles: [
          `https://api.mapbox.com/v4/TILESET_ID.ABCDEFG/{z}/{x}/{y}.png?access_token=${mapboxgl.accessToken}`,
        ],
      });

      map.addLayer({
        id: 'raster-layer',
        type: 'raster',
        source: 'noaa_map',
        minzoom: 0,
        maxzoom: 8,
      }, 'road-simple');