[Bug] TextLayer: semi-transparent background hides text behid it completely

[SlavaSimonov]

Description

In TextLayer with a semi-transparent background, when one item is above another, the background of the "above" item hides the text of the "below" item, as shown on the screenshot:

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CARTO
• ArcGIS

Expected Behavior

I expect to be able to read text of the "below" item through the background of the "above" item. Obviously the text color of the "below" item should blend with the background of the "above" item.

Steps to Reproduce

CodePen

Environment

• Framework version: deck.gl@9.1
• Browser: Chrome
• OS: Windows 11

Logs

No response