Puppet Warp mesh appears magenta or pink in the overlapped areas | Mac OS X 10.11.6 (El Capitan)

When using Puppet Warp in Photoshop CC, the mesh areas that are overlapped over another appear magenta/pink instead of white. 

Photoshop CC 19.0 and later

Mac OS X 10.11.6 (El Capitan)

To resolve this issue, update Mac OS X to the latest version.

For additional information, see Apple's Help documentation here.