v4.0 removes -webkit-box-orient from the css

[touch2hussain]

Short description of the problem:

Hi,

If you use the CSS property -webkit-box-orient, it is removed in the build. It worked well in v3.9.2

What behavior are you expecting?

The build should have this property.
My css:

.two-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

Produced output 

.two-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

Which @ionic/app-scripts version are you using?
Ionic:

ionic (Ionic CLI) : 4.6.0 (C:\Users\mnaduvadka\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0
@angular-devkit/build-angular : 0.12.2
@angular-devkit/schematics : 7.2.2
@angular/cli : 7.2.2
@ionic/angular-toolkit : not installed

System:

NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
Same issue was posted for previous versions
ionic-team/ionic-framework#10723
#821

[anagstef]

It's an angular thing, the same happens with many prefixed properties. (check angular/angular-cli#14393).

A workaround is exampled here: angular/angular-cli#14393 (comment)