Role middleware in nested route groups is not working

[Mutahhar]

I have multiple routes. Some of the routes are shared between the roles. and some are specific to a role.

I've created multi-level route groups, like the following code.

Route::middleware( 'role:super-admin' )->group( function () {
    // Super Admin routes
    Route::get( 'super-admin-route-1', function () { /**/ } );
    Route::get( 'super-admin-route-2', function () { /**/ } );
    Route::get( 'super-admin-route-3', function () { /**/ } );

    // club admin and super admin shared routes
    Route::middleware( 'role:club-admin' )->group( function () {
        Route::get( 'club-and-super-admin-route-1', function () { /**/ } );
        Route::get( 'club-and-super-admin-route-2', function () { /**/ } );
    });
});

but the shared routes are not available to the outer level role i.e. super-admin, giving the error "403
USER DOES NOT HAVE THE RIGHT ROLES." They are only accessible to the inner level role, i.e. club-admin.

I know that what I can do is, put the shared routes in a separate route group outside of the outer route-group.
But I want to know that how can I achieve this using the multi-level route groups as shown in the above code.