How to use the bpk-tokens/tokens/base.common.spacingXxl function in bpk-tokens

import React, { PropTypes } from 'react';
import TOKENS from 'bpk-tokens/tokens/base.common';
import StackedLogo from 'bpk-svgs/dist/js/logos/stacked';

const BpkStackedLogo = props => ;

BpkStackedLogo.propTypes = {
  fill: PropTypes.string,
  height: PropTypes.string,
};

BpkStackedLogo.defaultProps = {
  fill: TOKENS.colorGray700,
  height: TOKENS.spacingXxl,
};

export default BpkStackedLogo;

import React, { PropTypes } from 'react';
import TOKENS from 'bpk-tokens/tokens/base.common';
import TianxunLogo from 'bpk-svgs/dist/js/logos/tianxun';

const BpkTianxunLogo = props => ;

BpkTianxunLogo.propTypes = {
  fill: PropTypes.string,
  height: PropTypes.string,
};

BpkTianxunLogo.defaultProps = {
  fill: TOKENS.colorGray700,
  height: TOKENS.spacingXxl,
};

export default BpkTianxunLogo;

import React, { PropTypes } from 'react';
import TOKENS from 'bpk-tokens/tokens/base.common';
import InlineLogo from 'bpk-svgs/dist/js/logos/inline';

const BpkInlineLogo = props => ;

BpkInlineLogo.propTypes = {
  fill: PropTypes.string,
  height: PropTypes.string,
};

BpkInlineLogo.defaultProps = {
  fill: TOKENS.colorGray700,
  height: TOKENS.spacingXxl,
};

export default BpkInlineLogo;