Setting up auto-imports for @nuxt/ui composables throws "Cannot resolve #imports" error

{
  imports: {
    scan: false,
    presets: [
      { from: '@nuxt/ui/composables/useToast.js', imports: ['useToast'] },
    ],
  }
}

X [ERROR] Could not resolve "#imports"

    node_modules/@nuxt/ui/dist/runtime/composables/useToast.js:2:25:
      2 │ import { useState } from "#imports";
        ╵                          ~~~~~~~~~~

  The package import "#imports" is not defined in this "imports" map:

    node_modules/@nuxt/ui/package.json:45:13:
      45 │   "imports": {
         ╵              ^

  You can mark the path "#imports" as external to exclude it from the bundle, which will remove this
  error and leave the unresolved path in the bundle.


 ERROR  error while updating dependencies:                                                                                                                                        8:37:30 AM  
Error: Build failed with 1 error:
node_modules/@nuxt/ui/dist/runtime/composables/useToast.js:2:25: ERROR: Could not resolve "#imports"