$mode(): Uncaught ReferenceError: mode is not defined

[Morgbn]

Describe the bug
Missing mode function in @chakra-ui/nuxt (here)

To Reproduce
Steps to reproduce the behavior:

1. Try this code (from the doc) in nuxt:

<template>
  <c-box
    :bg="[
      $mode('orange.600', 'yellow.100'),
      $mode('pink.600', 'green.100')
    ]"
    :color="$mode('white', 'blackAlpha.800')"
    @click="chakraToggleColorMode"
  >
    Box "{{ chakraColorMode }}" mode. Click me to toggle color mode.
  </c-box>
</template>

2. See error:

Uncaught ReferenceError: mode is not defined
at VueComponent.eval (chakra.js?fb07:113)
at :1:6

Additional context

"dependencies": {
    "@chakra-ui/nuxt": "^0.4.2",
    "@nuxtjs/emotion": "^0.1.0",
    "core-js": "^3.15.1",
    "nuxt": "^2.15.7"
  }