Better @utility ergonomics

[kerryj89]

Instead of

/* prettier-ignore */
@utility border-* {
    border-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-t-* {
    border-top-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-r-* {
    border-right-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-b-* {
    border-bottom-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-l-* {
    border-left-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-x-* {
    border-inline-width: --value(--border-width-*);
}

/* prettier-ignore */
@utility border-y-* {
    border-block-width: --value(--border-width-*);
}

Allow like this

/* prettier-ignore */
@utility {
    border-* {
        border-width: --value(--border-width-*);
    }

    border-t-* {
        border-top-width: --value(--border-width-*);
    }
    
    border-r-* {
        border-right-width: --value(--border-width-*);
    }
    
    border-b-* {
        border-bottom-width: --value(--border-width-*);
    }
    
    border-l-* {
        border-left-width: --value(--border-width-*);
    }
    
    border-x-* {
        border-inline-width: --value(--border-width-*);
    }

    border-y-* {
        border-block-width: --value(--border-width-*);
    }
}

[wkd-kapsule]

+1. I think what you suggest is how it just used to work in v3. I don't know what would be the benifit to do it that way now.