How to override default theme properties but also keep default ones

[ElsevarAsadov]

hi i wonder is there convenient way instead of this?

 components:{
        ...defaults.components,
        Input:{
            defaultProps: {
                focusBorderColor: "accent.200",
            },
            variants:{
                filled: (props)=>({
                    field: {
                        _focus:{
                            bgColor: mode("accent.100", "transparent")(props)
                        },
                    }
                }),
            }
        },
        Tabs:{     // I just wanna keep default properties but also add mine
            ...theme.components.Tabs,
            variants:{
                ...theme.components.Tabs.variants,
                "soft-rounded":(props)=>({
                    ...theme.components.Tabs.variants['soft-rounded'],
                    tab:{
                        ...theme.components.Tabs.variants['soft-rounded'].tab,
                        _selected:{
                            bgColor: mode('secondary.300', 'secondary.400')(props),
                            color: mode('secondary.50', 'secondary.50')(props),
                        },
                        color:mode('secondary.600', 'secondary.50')(props)
                    },
                   
                }),
            }
        }
        
        ```