[AC-1862] [Alloy] app.tss will override non-global styles

According to docs "Global Styles. You can create a global style file, called app.tss, which applies all styles defined inside it to all views, but does not override the non-global styles or property attributes in the markup." Here's my Proof of concept *index.xml*

<Alloy>
	<Window id="index" layout="vertical">
		<View id="topPanel" class="topPanel" layout="horizontal" />
	</Window>
</Alloy>

*app.tss*

".x": {},
".y": {},
".z": {},
".topPanel": {
	height: 150,
	backgroundColor: 'yellow'
}

*index.tss*

".a": {},
".b": {},
".topPanel": {
	height: 150,
	backgroundColor: 'green'
}

This code above should show topPanel green right? Since "local" index.tss overrides global app.tss. Well, it doesn't. It shows yellow box. However if I change index.tss to that: *index.tss*

".a": {},
".b": {},
".c": {},
".d": {},
".topPanel": {
	height: 150,
	backgroundColor: 'green'
}

Now my background is green. I assume it has something to do with .topPanel being "lower/more far" in the JSON list. Thanks