implement safe-alphabetically

[alexander-akait]

Using alphabetically has side effect (cssnano/cssnano#535).
Input:

.bounce {
	animation-name: bounce;
	animation: bounce2 1s ease;
	z-index: 1442;
}

Output:

.bounce{
	animation: bounce2 1s ease;
	animation-name: bounce;
	z-index:1442
}

It is break code. Looks only animation-*, list-style-*, grid-*, counter-* are affected.

[Siilwyn]

It looks like a contrived example but I understand the need to be on the safe side. Would it be an idea for me to create a safe-alphabetically custom order and open a PR for it at cssnano?

[alexander-akait]

@Siilwyn yep, will be great 👍