How to use the @crave/farmblocks-theme.fontTypes.WHITE function in @crave/farmblocks-theme

.add("WHITE type", () => (
    <div style="{{">
      
    </div>
  ))
  .add("extended style", () =&gt; (

import { fontTypes } from "@crave/farmblocks-theme";

export default {
  FEATURED: fontTypes.FEATURED,
  NEUTRAL: fontTypes.NEUTRAL,
  NORMAL: fontTypes.NORMAL,
  WHITE: fontTypes.WHITE,
};

hoverColor: colorConstants.BLUE_CORN
  },
  [linkTypes.DISABLED]: {
    color: fontTypes.SUBTLE,
    hoverColor: fontTypes.SUBTLE
  },
  [linkTypes.NEUTRAL]: {
    color: fontTypes.NEUTRAL,
    hoverColor: fontTypes.FEATURED
  },
  [linkTypes.ROW_TITLE]: {
    color: fontTypes.NORMAL,
    hoverColor: colorConstants.BLUE_CORN
  },  
  [linkTypes.WHITE]: {
    color: fontTypes.WHITE,
    hoverColor: colorConstants.WHITE_56
  }
};

withInfo()(() => (
      
        {text}
      
    ))
  );

withInfo()(() => (
      <div style="{{">
        <title type="{fontTypes.WHITE}">Awesome title</title>
      </div>
    ))
  );

.add("WHITE type", () => (
    <div style="{{">
      
    </div>
  ))
  .add("extended style", () =&gt; (

.add("WHITE type", () => (
    <div style="{{">
      
    </div>
  ))
  .add("custom line height", () =&gt; (