Invalid CSS is produced when optimization=true

[ychaikin]

Which @angular/* package(s) are the source of the bug?

cli

Is this a regression?

No

Description

When the build is configured in angular.json with "optimization": true, in some cases this optimization cases invalid CSS to be produced.

For example, for CSS in a component like this:

margin: inherit;
margin-top: 5px;
margin-left: 5px;

If optimized, produces this CSS:

margin: 5px inherit inherit 5px;

Using inherit in the shorthand margin is not valid.

Please provide a link to a minimal reproduction of the bug

https://github.com/ychaikin/optimized

Please provide the exception or error you saw

See description

Please provide the environment you discovered this bug in

Angular CLI 12.2.8

Anything else?

No response

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}