Duplicate dependencies when using ToggleButton - Failed to execute 'define' on 'CustomElementRegistry'

[HawkSK]

Problem

I want to use in Java both ToggleButton and vcf-dark-mode-switch. However, my application breaks in the browser and the console reports:
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "vcf-toggle-button" has already been used with this registry

How to reproduce

Using ToggleButton:

<dependency>
    <groupId>com.vaadin.componentfactory</groupId>
    <artifactId>togglebutton</artifactId>
    <version>1.0.0</version>
</dependency>

Using DarkModeSwitch:

@Tag("vcf-dark-mode-switch")
@NpmPackage(value = "@vaadin-component-factory/vcf-dark-mode-switch", version = "1.0.1")
@JsModule("@vaadin-component-factory/vcf-dark-mode-switch")
public class DarkModeSwitch extends AbstractSinglePropertyField<DarkModeSwitch, Boolean> {
    public DarkModeSwitch() {
        super("darkMode", false, false);
    }
}

(I am not sure if DarkModeSwitch can extend ToggleButton in some way, or it's composition so that would not work.)

Possible solution

npx find-duplicate-dependencies says:

This package has the following duplicate dependencies:

@vaadin-component-factory/vcf-toggle-button :
[ { name: '@vaadin-component-factory/vcf-toggle-button',
    version: '0.1.6',
    from: '@vaadin-component-factory/vcf-toggle-button@^0.1.1',
    path: 'no-name/@vaadin-component-factory/vcf-dark-mode-switch' },
  { name: '@vaadin-component-factory/vcf-toggle-button',
    version: '1.0.1',
    from: '@vaadin-component-factory/vcf-toggle-button@1.0.1',
    path: 'no-name' } ]

Please run "npm dedupe" to see if that could be fixed. If not, manually resolve version conflicts

...which indicates, that there are duplicates. IIUC ^0.1.1 means version above 1.0.0 is not accepted so I think the solution is to change the dependency of vcf-dark-mode-switch on vcf-toggle-button to a newer version, f.e. ^1.0.1.