Override a SASS Variable in the page scss

Ionic Framework ionic-v3
10

I feel bad that nobody here seem to understand Ben1nB1ack’s issue. I too am trying to figure out how to make this simple code work in my page’s scss:

page-mailbox {
	$item-md-avatar-size: 100px;
}

instead of placing it in the variables.scss which applies it to the entire app rather than in the page only. So why doesn’t this work?

I found out that using important works:

page-mailbox {
	img { width: 100px !important; height: 100px !important;}
}

But eeeww, that looks ugly.