My ordering is by my mental model of "impact" of the declaration. Generally: Display -> Position -> Box Model -> Text/Font -> Background -> Misc.
/* Example from css file i have open */
.officeBlock .email {
display: inline-block;
padding: 14px 10px 8px;
background-color: #E0EFFE;
border-radius: 50%;
transition: 0.25s ease-out;
}
Subjectively it's helpful for quickly understanding style blocks, particularly complex ones. Is the time investment a net positive? Possibly. I'd suggest it is worth trying on a project to see if it helps when you return to it months later, at least.