Unable to order circle layer underneath fill layer

[farseekers]

mapbox-gl-js version: 3.7.0

browser: Google Chrome 130.0.6723.117

Steps to Trigger Behavior

Create a map instance with two layers, a 'fill' type and a 'circle' type.

I am unable to get the 'circle' layer to appear beneath the 'fill' layer.

Link to Demonstration

https://codepen.io/farseekers/pen/XWvxMmd

Expected Behavior

As seen in the demonstration, I've tried

• adding the circle layer before adding the fill layer
• adding the circle layer after adding the fill layer
• adding the circle layer with the 'beforeId' of the fill layer

I expect it to be possible to have a circle layer to sit underneath a fill layer, but so far, it does not seem to be the case.

Actual Behavior

All circle layers sit above the fill layer

Thanks for any assistance.