_Class.scss: неопределенная переменная $font-family в теме Sencha Touch

Я пытаюсь добавить новую настраиваемую тему в свое приложение, но при компиляции в Compass возникает следующая ошибка:

_Class.scss: неопределенная переменная: "$font-family"

Я попытался изменить шрифт html,body в _Class.scss на $font-family, но это не сработало. Моя версия Sencha Touch 2.2.1. Как я могу решить эту проблему?

// Let's start with the basics
$base - color: #CC0000;
$active - color: #850000;

// Buttons
$button-gradient: 'bevel';

// Lists
$list-bg-color: # eee;
$list - color: #333;
$list-pressed-color: # ddd;
$list - active - gradient: 'recessed';
$list - header - bg - color: #990000;
$list-header:white;
$list-header-gradient: 'bevel';

// Tabs
$tabs_dark_color: #000;

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;

@include sencha-msgbox;
@include sencha-loading-spinner;

@include sencha-button-ui('action', #ffc801);
@include sencha-button-ui('decline', desaturate(darken(#b8a7a7, 10%), 5%));

.x-tabbar-dark .x-tab {
    color: white;
}
.x-list-header {
    color: white !important;
}
.x-list-round .x-list-header {
    color: #777 !important;
}
.x-tabbar-dark.x-docked-bottom .x-tab .x-button-icon {
    background: white !important;
}