$colors sass map can't hold more than 30 fields

Your system information:

Cordova CLI: You have been opted out of telemetry. To change this, run: cordova telemetry on.
6.5.0

Ionic Framework Version: 2.0.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v7.4.0
Xcode version: Xcode 8.2.1 Build version 8C1002

Symptoms: When running a production build the main.css contains an enormous rule that applies opacity .4 to I assume all elements leading to a white screen when loading the app.

Cause: Having 31 elements in the $colors map of theme/variables.scss

I really have no idea how to better diagnose this so any help is greatly appreciated.

Update: It only occurs in Chrome browser (desktop and Android), Safari is fine.