Grommet 'background' property not working

I recently updated to Grommet 2.2.1 and now its not loading colors properly using the ‘background’ property.

Expected Behavior

import { Grommet, Box } from 'grommet';
import { grommet } from 'grommet/themes';

<Grommet theme={grommet}>
    <Box background="brand">
        test
    </Box>
</Grommet>

This should yield a purple box

Actual Behavior

Throws an “Uncaught TypeError: Cannot read property ‘colors’ of undefined”

Also when importing ‘grommet/themes’, VS code says: [ts] Could not find a declaration file for module ‘grommet/themes’.

• Grommet version: ^2.2.1
• Browser Name and version: Chrome Version 70.0.3538.102
• Operating System and version (desktop or mobile): Mac Mojave, V10.14

[alansouzati]

https://github.com/grommet/grommet/releases/tag/v2.2.0 <-- we describe the update process here

[alansouzati]

yeah sorry for the bumpy road there.