Custom style in ExtJs 4, issue with sass versions?

Question

css

Good afternoon.
The task is to update the styles of the web application. extjs version 4 is used, plugging in sass compilation, or rather, in a syntax error.
As I understand it, the 4th version of the library works with a maximum of 3.2.5 version of sass. But the fresh compass naturally does not support this version, I had to install compass v0.12.2. Based on chengelog, this version is suitable for sass v3.2.5.
But the following error occurred - screen
Contents of the specified lines:
_frame.scss

@function pad($radius) {
    $radius: boxmax($radius);
    $radius: parseint($radius);
    @if $radius > 10 {
        @return $radius;
    }
    @else {
        @return "0" + $radius;
    }
}

_mixins.scss
@import 'mixins/frame';
_all.scss
@import 'mixins';
If I understand correctly, it swears at the syntax of writing a function and at the import rule, although there are no errors in the code.
The bug with import was corrected just in version 3.2.5 sass-lang.com/documentation/file.SASS_CHANGELOG.html
I tried to commit these lines, the error repeats but with other files.
Who faced, how did you solve?

Answer 1

I solved the problem a long time ago, I forgot to write an answer.
Under ExtJs 4, the installation of SASS - 3.1.1 and Compass - 0.11.1 helped me

Answer 2

Documentation with examples no longer helps copypasteers? There are examples with files in the module repository, feel free to search.