Which way to put two data sources on the map has higher performance?

"mapbox-gl": "^2.10.0"

Question

I came upon this question while developing an app which contains 2 symbol layers with two different layouts. I want to display places using one marker, and clusters using another one. The markers are too significantly different to use the same layer for both. Places and clusters are returned in the same API call. To do this we can choose two approaches...

1. Using one source, set data to a polymorphic feature list, and add two layers pointing to the same source using filters to split which layer the features belong in.
2. Using two sources and two layers.

If we use two sources does mapbox render twice? Do we lose performance? Does filtering lose more performance?

Links to related documentation

https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/
https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/
https://docs.mapbox.com/help/glossary/symbol-layer/

Start with the linked Mapbox GL JS source and layer style-spec documentation, then investigate how the two approaches are rendered and filtered. Done means adding documentation that clearly compares one source with filtered layers against two sources and layers, including any relevant performance guidance.